.marquee {
        margin: 0 auto;
        overflow: hidden;
        white-space: nowrap;
        background: rgba(34, 34, 75, 0.21);
        border-radius:3px 4px;
    }

        .marquee img {
            display: inline-block;
            position: relative;
            left: 100%;
            animation: marquee 25s linear infinite;
            margin:10px 0;
        }

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

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

        .marquee img:nth-child(2) {
            animation-delay: 0.4s;
        }

        .marquee img:nth-child(3) {
            animation-delay: 0.8s;
        }

        .marquee img:nth-child(4) {
            animation-delay: 1.2s;
        }

        .marquee img:nth-child(5) {
            animation-delay: 1.6s;
        }

        .marquee img:nth-child(6) {
            animation-delay: 2s;
        }

        .marquee img:nth-child(7) {
            animation-delay: 2.4s;
        }
        .marquee img:nth-child(8) {
            animation-delay: 2.8s;
        }

        .marquee img:nth-child(9) {
            animation-delay: 3.2s;
        }


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

        100% {
            left: -100%;
        }
    }