.perspective{perspective:1000px}.flip-card{position:relative;width:100%;height:220px;transform-style:preserve-3d;transition:transform .6s}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.5rem;box-sizing:border-box}.flip-card-front{z-index:2;transform:rotateY(0deg)}.flip-card-back{transform:rotateY(180deg)}