.flip-container{perspective:1000px}.flipper{transform-style:preserve-3d;transition:all .6s}.front,.back{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateY(0)}.back,.flip-container:hover .flipper,.flip-container.hover .flipper{transform:rotateY(180deg)}.flip-container,.flipper{height:300px}.ribbon{z-index:10;color:#000;transform-origin:0 100%;padding:5px 10px;font-weight:700;position:absolute;left:0}.slide{position:relative}