@keyframes scroll {
    0% {
        transform: translateX(5%);
    }

    20% {
        transform: translateX(-90%);
    }

    40% {
        transform: translateX(5%);
    }

    60% {
        transform: translateX(-90%);
    }

    80% {
        transform: translateX(5%);
    }

    100% {
        transform: translateX(-90%);
    }
}

@keyframes scrollReverse {
    0% {
        transform: translateX(-90%);
    }

    20% {
        transform: translateX(5%);
    }

    40% {
        transform: translateX(-90%);
    }

    60% {
        transform: translateX(5%);
    }

    80% {
        transform: translateX(-90%);
    }

    100% {
        transform: translateX(5%);
    }
}