.card{perspective:1000px}.card .content{transition:transform .2s;transform-style:preserve-3d}.card .content.flip{transform:rotateX(180deg)}.card .back,.card .front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card .back{transform:rotateX(180deg)}.container-scroll{overflow:scroll;scroll-snap-type:y mandatory}.wrapper{position:relative;border:1px solid blue}.div1,.div2{scroll-snap-align:start;padding:50vh 0}.wrapper .div3{scroll-snap-align:start;height:100vh;position:relative;border:1px solid red}.loader{width:100%;height:4.8px;display:inline-block;position:relative;background:transparent;overflow:hidden}.loader:after{content:"";width:96px;height:4.8px;background:#ef4444;position:absolute;top:0;left:0;box-sizing:border-box;animation:hitZak .6s ease-in-out infinite alternate}@keyframes hitZak{0%{left:0;transform:translateX(-1%)}to{left:100%;transform:translateX(-99%)}}