body{
    width: 100vw;
    height: 100vh;
    
    overflow: hidden;
}
.cont{
    width: 100%;
    height: 100%;
    background-image: url(../../../assets/images/etapes/tresse/02.png);
    background-size: contain;
    background-position: center;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    animation: rotation 20s linear infinite;
}
    @keyframes rotation {
        0% {
        transform: rotate(360deg);
        }
        50% {
        transform: rotate(-10deg);
        }
        100% {
            transform: rotate(360deg);
            }
    }