.marquee-wrapper{width:100%;position:relative;overflow:hidden}.marquee-wrapper:before,.marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.marquee-wrapper:before{background:linear-gradient(to right, hsl(var(--background)), transparent);left:0}.marquee-wrapper:after{background:linear-gradient(to left, hsl(var(--background)), transparent);right:0}.marquee{will-change:transform;width:max-content;animation:35s linear infinite marquee;display:flex}.marquee-group{flex-shrink:0;align-items:center;display:flex}.company-logo{flex-shrink:0;justify-content:center;align-items:center;width:220px;height:100px;padding:0 40px;display:flex}.company-image{object-fit:contain;opacity:.65;filter:grayscale();width:auto;max-width:140px;height:45px;transition:opacity .3s,filter .3s,transform .3s}.company-logo:hover .company-image{opacity:1;filter:grayscale(0%);transform:scale(1.05)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrapper:hover .marquee{animation-play-state:paused}@media (max-width:640px){.marquee{animation-duration:28s}.company-logo{width:170px;height:80px;padding:0 25px}.company-image{max-width:115px;height:35px}.marquee-wrapper:before,.marquee-wrapper:after{width:50px}}