/* Cibler l'élément image spécifique et annuler les bordures arrondies */
.field--name-user-picture {
    border-radius: 0 !important;  /* Annule les bordures arrondies du bloc parent */
    overflow: visible;            /* S'assurer que l'image n'est pas coupée */
}

/* Appliquer un border-radius prononcé uniquement sur l'image sans interférer avec son parent */
.field--name-user-picture img.img-fluid {
    width: 123px;                /* Augmente la taille de l'image */
    height: 123px;               /* Assure une taille carrée pour l'image */
    object-fit: cover;           /* S'assure que l'image s'adapte bien */
    display: block;              /* Nécessaire pour centrer l'image */
    margin: 0 auto;              /* Centrer l'image horizontalement */
    border-radius: 10px;         /* Bordure arrondie prononcée pour l'image */
    border: none !important;     /* Annule toute bordure externe autour de l'image */
}