.marquee-parent {
    position: relative;
    width: 100%;
    overflow: hidden;
    /*height: 300px;*/
}

.marquee-child {
    display: block;
    width: 2200px;
    /* width of your text div */
    /*height: 300px;*/
    /* height of your text div */
    position: relative;
    animation: marquee 20s linear infinite; /* change 5s value to your desired speed */
}

    .marquee-child:hover {
        animation-play-state: paused;
        cursor: pointer;
    }

@keyframes marquee {
    0% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}