@keyframes marquee {
            0% {
                transform: translateX(0);
            }

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

        }

        .animate-marquee {
            animation: marquee 30s linear infinite;
            display: inline-block;
            padding-left: 100%;
        }

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