/* Der Container passt sich der Seitenbreite an */
.image-container {
    position: relative;
    width: 100%;
    max-width: 10005px; /* Optional: Maximale Breite für große Bildschirme */
    margin: 0 auto;
}

/* Das Basis-Bild bestimmt die Höhe und Breite */
.img-base {
    display: block;
    width: 100%;
    height: auto; /* Beibehaltung des Seitenverhältnisses */
}

/* Das obere Bild wird exakt über das untere gelegt */
.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Optional: Falls die Bildformate leicht abweichen */
}