.image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Расстояние между картинками */
    margin-top: 10px;
    justify-content: center; /* Центровка */
}

.image-item {
    flex: 0 0 calc(20% - 10px); /* Одинаковый размер для всех элементов (5 в ряд) */
    max-width: calc(20% - 10px);
    box-sizing: border-box;
}

.image-item img {
    width: 100%; /* Растянуть на ширину контейнера */
    height: 100px; /* Фиксированная высота */
    object-fit: cover; /* Центровка и обрезка изображения по размеру */
    border-radius: 5px; /* Скругленные углы */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Тень */
}

/* Адаптивные стили */
@media (max-width: 768px) {
    .image-item {
        flex: 0 0 calc(33.33% - 10px); /* 3 картинки в ряд на планшетах */
        max-width: calc(33.33% - 10px);
    }

    .image-item img {
        height: 80px; /* Уменьшенная высота */
    }
}

@media (max-width: 480px) {
    .image-item {
        flex: 0 0 calc(50% - 10px); /* 2 картинки в ряд на телефонах */
        max-width: calc(50% - 10px);
    }

    .image-item img {
        height: 70px; /* Еще меньшее уменьшение высоты */
    }
}