.card-container{perspective:700px}.card{transform-style:preserve-3d;transition:transform 1.5s;position:relative}.card.is-flipped{transform:rotateY(180deg)}.back,.front{backface-visibility:hidden;position:absolute}.back{transform:rotateY(180deg)}@media (min-width:767px){.card-container:hover>.card{transform:rotateY(180deg);cursor:pointer;perspective:700px}}