.marquee{position:relative;overflow:hidden;--gap:1rem;width:100%;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 85%,transparent)}.marquee__inner{display:flex;position:relative;width:max-content;gap:var(--gap);animation:scroll 60s linear infinite;will-change:transform;backface-visibility:hidden}.marquee__inner>img{flex-shrink:0;max-height:20rem;width:auto;object-fit:contain}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.marquee:hover .marquee__inner{animation-play-state:paused}