/* Der Container definiert nun die Form und Größe (175x175px Kreis) */
.img-zoom-container {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    overflow: hidden; /* WICHTIG: Schneidet alles ab, was über den Kreis hinausragt */
    margin: 0 auto;  /* Zentriert den Container, falls nötig */
}

/* Das eigentliche Bild innerhalb des Containers */
.profile-img-zoomed {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
    /* Der Zoom- und Positionierungs-Effekt */
    transform: scale(1.6);         /* Vergrößert das Bild (1.0 ist normal, 1.6 ist ein starker Zoom) */
    transform-origin: center top;  /* Der Zoom-Mittelpunkt ist oben in der Mitte, um den Körper auszublenden */
    /*margin-top: 10px;               /* Feinjustierung: Schiebt das gezoomte Gesicht leicht nach unten */
}