
.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 21px;
    column-gap: 20px;
    z-index: 2;
}

@media screen and (max-width: 1100px) {
    .container {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 680px) {
    .container {
        grid-template-columns: 1fr;
    }
}