.flip-container{perspective:1000px;transform-style:preserve-3d}.flip-container.flip .flipper{transform:rotateY(180deg)}.back,.flip-container,.front{width:100%;height:100%}.flipper{position:relative}.back,.flipper,.front{transition:.6s;transform-style:preserve-3d}.back,.front{backface-visibility:hidden;position:absolute;bottom:0;left:0}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg)}