@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.scroller{max-width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.scroller__inner{display:flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;animation:scroll 200s linear infinite}.scroller__inner:hover{animation-play-state:paused}.card-3d-container{perspective:1000px}.card-3d{transition:transform .5s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.card-3d:hover{transform:rotateY(15deg) rotateX(5deg) scale(1.05)}