.group-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    margin-left: -36px;
    margin-right: -36px;
}

.group-list img {
    padding: 0 36px;
    margin-bottom: 55px;
}



@media (max-width: 1440px) {
    .group-list img {
        --num: 5;
        --margin: 60px;
    }
    
}

@media (max-width: 999px) {
    .group-list img {
        --num: 4;
        --margin: 30px;
    }
}

@media (max-width: 768px) {
    .group-list img {
        --num: 2;
        --margin: 10px;
        margin-bottom: 10px;
    }

    .group-list {
        margin-top: 30px;
    }
}