.carousel{display:flex;height:100px;margin:0 auto;padding:20px 0;>*{flex:0 0 60%}&:hover .group{animation-play-state:paused}}.card{align-items:center;border-radius:24px;box-shadow:5px 5px 20px 0 rgba(0,0,0,.1);color:#fff;font-size:xx-large;justify-content:center;min-height:200px;padding:20px;width:100%;&:first-child{background:#7958ff}&:nth-child(2){background:#5d34f2}&:nth-child(3){background:#4300da}}.group{animation:scrolling 25s linear infinite;display:flex;gap:60px;padding-right:60px;will-change:transform}@keyframes scrolling{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.carousel{overflow:hidden;position:relative}.carousel:after,.carousel:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:60px;z-index:2}.group img{max-width:90px;object-fit:contain}