/* Container für Bilder, damit sie nebeneinander dargestellt werden */
.fullscreen-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Abstand zwischen den Bildern */
}

/* Stellt sicher, dass vertikale Bilder nebeneinander angezeigt werden */
.fullscreen-gallery img {
    max-width: 45%; /* Beide Bilder nehmen jeweils die Hälfte des Bildschirms ein */
    height: auto;
    object-fit: cover; /* Füllt den Raum, ohne Verzerrungen */
}

/* Vertikale Bilder explizit kleiner machen */
img.portrait {
    width: 45%; /* Beide vertikalen Bilder nebeneinander */
    margin: 10px;
}