.perspective{perspective:1000px}.flip-card{aspect-ratio:4/3;width:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out;position:relative}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:.75rem;width:100%;height:100%;position:absolute;overflow:hidden}.flip-card-front{z-index:2;transform:rotateY(0)}.flip-card-back{z-index:1;transform:rotateY(180deg)}.perspective:hover .flip-card{transform:rotateY(180deg)}