:root{--n:24;--width:5px;--height:calc(var(--width) * var(--n) / 2)}.wrapper{position:relative;width:calc(var(--n) * var(--width));height:var(--height);transform:rotateY(15deg) skew(2deg);transform-style:preserve-3d;background-image:url(https://flags.fmcdn.net/data/flags/w580/vn.png);background-size:0;background-position:-200% -200%}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.animate-marquee{display:inline-block;animation:marquee 5s linear infinite}.s{position:absolute;transform-style:preserve-3d;left:calc(var(--width) - 1px);width:var(--width);height:100%;transform-origin:0 0;background-repeat:no-repeat;background-size:calc(var(--n) * var(--width)) 100%;transform:translateZ(.0001px) rotateY(calc(var(--n) / 1.7 * 1deg));background-image:inherit}@keyframes w{to{transform:translateZ(.0001px) rotateY(calc(var(--n) / -1.7 * 1deg))}}.s0{background-position-x:calc(0 * var(--width));animation:w 1s ease-in-out 0s infinite alternate}.s1{background-position-x:calc(-1 * var(--width));animation:w 1s ease-in-out .08s infinite alternate}.s2{background-position-x:calc(-2 * var(--width));animation:w 1s ease-in-out .16s infinite alternate}.s3{background-position-x:calc(-3 * var(--width));animation:w 1s ease-in-out .24s infinite alternate}.s4{background-position-x:calc(-4 * var(--width));animation:w 1s ease-in-out .32s infinite alternate}.s5{background-position-x:calc(-5 * var(--width));animation:w 1s ease-in-out .4s infinite alternate}.s6{background-position-x:calc(-6 * var(--width));animation:w 1s ease-in-out .48s infinite alternate}.s7{background-position-x:calc(-7 * var(--width));animation:w 1s ease-in-out .56s infinite alternate}.s8{background-position-x:calc(-8 * var(--width));animation:w 1s ease-in-out .64s infinite alternate}.s9{background-position-x:calc(-9 * var(--width));animation:w 1s ease-in-out .72s infinite alternate}.s10{background-position-x:calc(-10 * var(--width));animation:w 1s ease-in-out .8s infinite alternate}.s11{background-position-x:calc(-11 * var(--width));animation:w 1s ease-in-out .88s infinite alternate}.s12{background-position-x:calc(-12 * var(--width));animation:w 1s ease-in-out .96s infinite alternate}.s13{background-position-x:calc(-13 * var(--width));animation:w 1s ease-in-out 1.04s infinite alternate}.s14{background-position-x:calc(-14 * var(--width));animation:w 1s ease-in-out 1.12s infinite alternate}.s15{background-position-x:calc(-15 * var(--width));animation:w 1s ease-in-out 1.2s infinite alternate}.s16{background-position-x:calc(-16 * var(--width));animation:w 1s ease-in-out 1.28s infinite alternate}.s17{background-position-x:calc(-17 * var(--width));animation:w 1s ease-in-out 1.36s infinite alternate}.s18{background-position-x:calc(-18 * var(--width));animation:w 1s ease-in-out 1.44s infinite alternate}.s19{background-position-x:calc(-19 * var(--width));animation:w 1s ease-in-out 1.52s infinite alternate}.s20{background-position-x:calc(-20 * var(--width));animation:w 1s ease-in-out 1.6s infinite alternate}.s21{background-position-x:calc(-21 * var(--width));animation:w 1s ease-in-out 1.68s infinite alternate}.s22{background-position-x:calc(-22 * var(--width));animation:w 1s ease-in-out 1.76s infinite alternate}.s23{background-position-x:calc(-23 * var(--width));animation:w 1s ease-in-out 1.84s infinite alternate}.s24{background-position-x:calc(-24 * var(--width));animation:w 1s ease-in-out 1.92s infinite alternate}