.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin: 1rem 0;
}
.marquee-track {
    display: inline-block;
    white-space: nowrap;
}
.marquee-left .marquee-track {
    animation: marqueeLeft 12s linear infinite;
}
.marquee-right .marquee-track {
    animation: marqueeRight 12s linear infinite;
}
.marquee-track:hover {
    animation-play-state: paused;
}
@keyframes marqueeLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes marqueeRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
.marquee-item {
    display: inline-block;
    margin-right: 2rem;
    transition: transform 0.3s ease;
}
.marquee-item:hover {
    transform: scale(1.05);
}