.card-container{perspective:1000px}.cards-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.card{width:336px;height:469px;cursor:pointer}.card,.flip-card-inner{position:relative;transform-style:preserve-3d}.flip-card-inner{width:100%;height:100%;transition:transform .6s ease}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.8em}.flip-card-front{z-index:2;transform:rotateY(180deg)}.flip-card-back{z-index:1}.card.flipped .flip-card-inner{transform:rotateY(180deg)}.card-wrapper{position:absolute;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%)}.card-wrapper,img{width:100%;height:100%}img{border-radius:.8em;object-fit:cover}.card-wrapper{transform:translateY(0);animation:floating 3s ease-in-out infinite}.card-2 .card-wrapper{animation-delay:0s}.card-1 .card-wrapper{animation-delay:.2s}.card-3 .card-wrapper{animation-delay:.6s}.pack-float{animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}