.resimler {
    display: flex;
    gap: 3px; /* Resimler arasında 3px boşluk */
    justify-content: center; /* Resimleri ortalar */
    flex-wrap: wrap; /* Mobil cihazlar için alt alta geçişi sağlar */
}

.resimler img {
    max-height: 500px; /* Maksimum 500px yüksekliğe ayarlanır */
    width: auto; /* Genişlik orijinal oranında kalır */
    object-fit: contain; /* Resimlerin bozulmadan görünmesini sağlar */
}

/* Mobil cihazlar için düzen */
@media (max-width: 768px) {
    .resimler {
        flex-direction: column; /* Resimleri alt alta sıralar */
        align-items: center; /* Mobilde resimleri ortalar */
    }

    .resimler img {
        max-height: 500px; /* Mobilde de maksimum 500px yüksekliği korur */
        width: auto; /* Genişlik orijinal oranında kalır */
    }
}