.marquee-container{width:100%;overflow:hidden;background-color:transparent;padding:40px 0;position:relative;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000,#000 10%,#000 90%,#0000)}.marquee-track{display:flex;width:max-content;gap:4rem;animation:scroll 30s linear infinite}.marquee-logo{height:40px;width:160px;object-fit:contain;padding:0 20px;opacity:.35;transition:all .4s ease;filter:grayscale(100%);flex-shrink:0}.marquee-container:hover .marquee-logo{opacity:1;filter:grayscale(0%)}.marquee-container:hover .marquee-track{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-33.33% - 1.33rem))}}