:root{--rotate-height:91px;--snap-offset:-20px}@media (max-width:768px){:root{--rotate-height:52px;--snap-offset:-12px}.rotateWrapper span{justify-content:center}}.containerSnap{transform:translate(var(--snap-offset),var(--snap-offset));animation:4s cubic-bezier(.65,0,.35,1) infinite container-snap}@keyframes container-snap{0%{transform:translate(var(--snap-offset),var(--snap-offset))}37.5%{transform:translate(var(--snap-offset),var(--snap-offset))}50%{transform:translate(0)}87.5%{transform:translate(0)}to{transform:translate(var(--snap-offset),var(--snap-offset))}}.rotateWrapper{will-change:transform;flex-direction:column;animation:12s cubic-bezier(.65,0,.35,1) infinite rotate-loop;display:flex}.rotateWrapper span{height:var(--rotate-height);align-items:center;display:flex}@keyframes rotate-loop{0%{transform:translateY(0)}29.16%{transform:translateY(0)}33.33%{transform:translateY(calc(var(--rotate-height)*-1))}62.49%{transform:translateY(calc(var(--rotate-height)*-1))}66.66%{transform:translateY(calc(var(--rotate-height)*-2))}95.83%{transform:translateY(calc(var(--rotate-height)*-2))}to{transform:translateY(calc(var(--rotate-height)*-3))}}.imageReel{height:100%;width:calc(var(--count)*100%);will-change:transform;animation:12s cubic-bezier(.65,0,.35,1) infinite reel-slide-smooth;display:flex}.slide{width:calc(100%/var(--count));object-fit:cover;flex-shrink:0;height:100%}@keyframes reel-slide-smooth{0%{transform:translate(0)}25%{transform:translate(0)}33.33%{transform:translateX(calc(-100%/var(--count)))}58.33%{transform:translateX(calc(-100%/var(--count)))}66.66%{transform:translateX(calc(-200%/var(--count)))}91.66%{transform:translateX(calc(-200%/var(--count)))}to{transform:translateX(calc(-300%/var(--count)))}}
