@keyframes lefttranslate {
    0%{
        translate: -500px;
        opacity: 0;
    }
    100%{
        translate: 0px;
        opacity: initial;
    }
}
@keyframes righttranslate {
    0%{
        translate: 500px;
        opacity: 0;
    }
    100%{
        translate: 0px;
        opacity: initial;
    }
}