.grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, 224px);
    justify-content: center;
    grid-auto-rows: 296px;
    grid-gap: 20px;
}

.grid-2 .title {
    font-size: 18px;
}

@media (max-width:767px) {
    .grid-2 {
        grid-template-columns: repeat(auto-fit, 156px);
        grid-auto-rows: 218px;
    }

    .grid-2 .title {
        font-size: 14px;
    }
}

@media (max-width:575px) {
    .grid-2 {
        grid-template-columns: repeat(auto-fit, 31%);
        grid-auto-rows: auto;
        grid-gap: 3%;
    }
}