.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

    .marquee span {
        display: inline-block;
        font-size: 20px;
        position: relative;
        right: 100%;
        animation: marquee 20s linear infinite;
    }

    .marquee:hover span {
        animation-play-state: paused;
    }

    .marquee span:nth-child(1) {
        animation-delay: 0s;
    }

    .marquee span:nth-child(2) {
        animation-delay: 4s;
    }

    .marquee span:nth-child(3) {
        animation-delay: 8s;
    }

    .marquee span:nth-child(4) {
        animation-delay: 12s;
    }

    .marquee span:nth-child(5) {
        animation-delay: 16s;
    }

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

    100% {
        right: -100%;
    }
}