.card{position:relative;width:100%;height:370px;perspective:1000px}.card-back,.card-front{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .6s ease-in-out;overflow:hidden}.card-front{z-index:2;transform:rotateY(0deg)}.card-back{transform:rotateY(180deg)}.card.is-flipped .card-front{transform:rotateY(180deg);z-index:1}.card.is-flipped .card-back{transform:rotateY(1turn);z-index:2}