.profile-pic-container {
    display: flex;
    justify-content: center;
    margin-top: -30px; /* Positioniert das Bild leicht über dem Header */
}

.profile-pic {
    width: 120px; /* Größe des Profilbilds */
    height: 120px;
    border-radius: 50%; /* Macht das Bild kreisförmig */
    border: 4px solid #fff; /* Weißer Rand um das Bild */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Schattierung für einen schwebenden Effekt */
    object-fit: cover; /* Stellt sicher, dass das Bild korrekt skaliert wird */
    background: rgba(0, 0, 0, 0.6); /* Fallback für den Fall, dass das Bild nicht geladen wird */
}

@media (max-width: 768px) {
    .profile-pic {
        width: 100px; /* Kleinere Größe für mobile Geräte */
        height: 100px;
    }
}