.sf-flip-box{position:relative;display:inline-block;width:100%}.sf-flip-box-inner{position:relative;width:100%;height:auto;min-height:300px;perspective:1000px}.sf-flip-box-front,.sf-flip-box-back{position:absolute;width:100%;min-height:100%;top:0;left:0;backface-visibility:hidden;transition:transform .6s;display:flex;flex-direction:column;justify-content:center;align-items:center}.sf-flip-box-front{z-index:2;transform:rotateY(0deg)}.sf-flip-box-back{transform:rotateY(180deg)}.sf-flip-box:hover .sf-flip-box-front{transform:rotateY(-180deg)}.sf-flip-box:hover .sf-flip-box-back{transform:rotateY(0deg)}