.marquee-container                         { width: 100%; overflow: hidden; position: relative; background: white; }
.marquee-track                             { display: flex; width: max-content; animation: scroll-left 20s linear infinite; }
.marquee-container:hover .marquee-track    { animation-play-state: paused; }
.marquee-track a                           { flex: 0 0 auto; margin: 0 16px; }
.marquee-track img                         { width: 150px; height: 100px; object-fit: contain; border-radius: 8px; transition: transform 0.3s; }
.marquee-track img:hover                   { transform: scale(1.05); }

@keyframes scroll-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}