.flip-container{perspective:1000px;height:100%;min-height:500px;min-width:430px;@media (max-width:768px){min-width:100%;min-height:500px}}.flipper{transition:transform .6s;transform-style:preserve-3d;position:relative;height:100%;width:100%}.flip-container.flipped .flipper{transform:rotateY(180deg)}.back,.front{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;display:flex;align-items:center}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg);display:flex;justify-content:center;flex-direction:column}