.container-list{
width: 100%;
padding: 0 32px;
}

@media (max-width: 640px) {
.container-list {
padding: 0 16px;
}
}

.main-content{
margin-top: 60px;
margin-bottom: 32px;
}

/* ____________________________________________Основное содержимое_________________________________________ */

/* Сетка модулей */
.modules-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px 15px;
}


/* Карточка модуля */
.module-card {
position: relative;
cursor: pointer;
overflow: hidden;
}


/* Изображение модуля */
.module-image {
width: 100%;
height: 100%;
}

.module-image--desktop{
display: flex;
}

.module-image--mobile{
display: none;
}

@media (max-width: 640px) {
.main-content{
    margin-top: 33px;
    margin-bottom: 21px;
}
.module-image--desktop{
display: none;
}

.module-image--mobile{
display: flex;
}
}

@media (min-width: 641px) {
.modules-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}

@media (min-width: 1025px) {
.modules-grid {
grid-template-columns: repeat(3, 1fr);
}
}

@media (min-width: 1281px) {
.modules-grid {
grid-template-columns: repeat(4, 1fr);
}
}