.collage-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Или center, space-around, etc. */
    gap: 2px; /* Расстояние между изображениями */
    width: 100%; /* Задайте желаемую ширину */
    margin: 0 center; /* Центрирование */
}

.collage-item {
    width: 300px; /* Задайте желаемую ширину */
    height: 300px; /* Задайте желаемую высоту */
    border: 1px solid black; /* Добавляем рамку */
    overflow: hidden; /* Скрываем часть изображения, выходящую за рамки */
}

.collage-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Убедитесь, что изображение заполняет всю область */
}