.transform-50p {
    position: relative;
    z-index: 9;
    transform: translateY(50%);
}



.mask-circle {
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIgLz48L3N2Zz4=") no-repeat center;
    mask: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIgLz48L3N2Zz4=") no-repeat center;
    -webkit-mask-size: 100% 100%;
    /* force l'étirement */
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

}

@keyframes bascule {
    0% {
        transform: rotate(7deg) translate(3px, -6px)
    }

    100% {
        transform: rotate(-7deg) translate(-3px, -6px)
    }

}

#balance {
    transform-origin: center bottom;
    animation: 2s ease-in-out bascule infinite alternate;
}