.perspective{perspective:150rem;-moz-perspective:150rem}.card:hover .card-front{transform:rotateY(-180deg)}.card:hover .card-back{transform:rotateY(0deg)}.card-front{transform:rotateY(0deg)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all 1s ease-out}.card-back,.card-back-content{transform:rotateY(180deg)}