.card-container{perspective:1000px}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;width:100%;height:100%;position:absolute;overflow:hidden}.card-back{transform:rotateY(180deg)}