.containerthree {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 2 columns on larger screens */
    gap: 16px; /* Space between items */
}

.containerone {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 600px;
    margin: auto;
    padding: 20px;
    gap: 16px; /* Space between items */
}


.itemthree {
    padding: 20px;
    text-align: center;
}

.itemthreenopad {
    text-align: center;
}

@media (max-width: 968px) {
    .containerthree {
        grid-template-columns: 1fr; /* 1 column on smaller screens */
    }

    .itemthreenopad {
        padding: 0px;
    }
}