@keyframes bg-scroll-right {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes bg-scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.bg-scroll-left {
    animation-name: bg-scroll-left;
    animation-iteration-count: infinite;
    animation-duration: 50s;
    animation-timing-function: linear;
}

.bg-scroll-left-slow {
    animation-name: bg-scroll-left;
    animation-iteration-count: infinite;
    animation-duration: 80s;
    animation-timing-function: linear;
}

.bg-scroll-right {
    animation-name: bg-scroll-right;
    animation-iteration-count: infinite;
    animation-duration: 50s;
    animation-timing-function: linear;
}