.flip-reportcard{perspective:1000px;height:200px}.flip-reportcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.group:hover .flip-reportcard-inner{transform:rotateY(180deg)}.flip-reportcard-back,.flip-reportcard-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.flip-reportcard-front{background-color:white}.flip-reportcard-back{background-color:#f5f5f5;transform:rotateY(180deg)}