@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,rgba(0,0,0,0));mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,rgba(0,0,0,0))}.marquee-content{display:flex;width:200%;animation:marquee 40s linear infinite}.marquee:hover .marquee-content{animation-play-state:paused}