.marquee_block {
            overflow: hidden;
            position: relative;
            height: 50px;
            width: 100%;
            /* Full width of its parent */
            white-space: nowrap;
        }

        .marquee_block .marq_text {
            position: absolute;
            width: auto;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            /* Start off the right edge */
            transform: translateX(100%);
            /* Animate to the left */
            animation: scroll-left 20s linear infinite;
        }

 .marquee_block .marq_text_right {
            position: absolute;
            width: auto;
            height: 100%;
            margin: 0;
            line-height: 50px;
            text-align: center;
            /* Start off the right edge */
            transform: translateX(-100%);
            /* Animate to the left */
            animation: scroll-right 20s linear infinite;
        }

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

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

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

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