.marquee-wrapper { overflow: hidden; width: 100%; }
.marquee-viewport { width: 100%; overflow: hidden; }
.marquee-inner { display: inline-block; white-space: nowrap; will-change: transform; }
.marquee-item { display: inline-block; padding: 5px 0; text-decoration: none; margin-right: 40px; }

/* Horizontal keyframes */
@keyframes marquee-horizontal {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

/* Vertical keyframes (simple) */
@keyframes marquee-vertical {
    0% { transform: translateY(0%); }
    100% { transform: translateY(-50%); }
}