.flip-box{border:none;display:block;perspective:1000px}.flip-box .flip-box__inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.flip-box:hover .flip-box__inner{transform:rotateX(180deg)}.flip-box__back,.flip-box__front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;width:100%}.flip-box__back{align-items:center;background:#000;display:flex;justify-content:center;left:0;position:absolute;top:0;transform:rotateX(180deg)}