Utilitaires de média

• .u-media-center : Appliquée sur un élément contenant une image en enfant direct, cette classe permet de le centrer horizontalement et verticalement à l'intérieur de l'élément.
• .u-media-cover : Assure que le média est centré et vient remplir l'affichage de la zone qu'il occupe, sans laisser de vide autour.
• .u-media-contain : Assure que le média est bien affiché dans son intégralité dans la zone qu'il occupe, tout en le centrant dans cette zone.
• .u-media-blur-fill : Appliquée sur un élément contenant une image, cette classe permet de remplir l'arrière-plan du conteneur avec la même image floue et assombrie. Attention, l'image doit être renseignée à la propriété --src en utilisant la fonction CSS url() sur l'élément. Exemple ci-après.

<div class="u-media-center u-media-blur-fill" style="--src: url(...)">
    <img src="..." alt="">
</div>