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

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

.animate-ticker {
    animation-name: ticker;
    animation-duration: 120s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards; /* Keeps final frame state */
    animation-delay: 0s;
    display: inline-block;
    will-change: transform;
    min-width: max-content;
}


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