.perspective{perspective:1000px}.card-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s}.card-3d.flipped{transform:rotateY(180deg)}.card-face{width:100%;height:100%;position:absolute;border-radius:.75rem;background-size:cover;background-position:50%;box-shadow:0 10px 20px rgba(0,0,0,.2)}.card-front{transform:rotateY(180deg)}.card-back{background-image:url(/images/card.png)}