@keyframes float-bob-x {
    0% {
    transform: translateX(0px)  scale(0.6);
    opacity: 0;
    }

    10% {
        opacity: 1;
    }

   

    90%{
        opacity: 1;
    }

    100% {
        transform: translateX(0px) scale(1);
        opacity: 0;
    }
       
}


.float-bob-x {
    z-index:-999;
    overflow: hidden;
    animation-timing-function: linear;
    animation-duration: 8s;
}


.how-it-work__img::before {

    background-color: #000000;
    opacity: 0.20;
}