.content { display: flex; /* Использует флекс-контейнер для размещения изображений */ flex-wrap: wrap; /* Позволяет изображениям обтекать блок */ justify-content: center; /* Центрирует изображения в родительском блоке */ gap: 10px; /* Задает отступ между изображениями */ padding: 10px; /* Добавляет отступ внутри контейнера */ margin: 0 auto; /* Центрирует блок на странице */ } .content__img { max-width: 100%; /* Ограничивает максимальную ширину изображения */ height: auto; /* Поддерживает пропорции изображения */ border-radius: 8px; /* Скругляет углы изображений */ transition: transform 0.3s; /* Добавляет плавный эффект при наведении */ } .content__img:hover { transform: scale(1.05); /* Увеличивает изображение немного при наведении */ }