@keyframes infiniteScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-infinite-scroll {
    display: flex;
    width: max-content;
    animation: infiniteScroll 20s linear infinite;
}

/* Pause marquee animation when hovering so users can click certificates easily */
.animate-infinite-scroll:hover {
    animation-play-state: paused;
}