.flip-container{-webkit-perspective:1000;perspective:1000;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;margin-top:1rem;cursor:pointer}.flip-container.flipped .back{-webkit-transform:rotateY(0);transform:rotateY(0)}.flip-container.flipped .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container,.flip-container .flipper>div{width:100%;height:300px}.flip-container .flipper{-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.flip-container .front,.flip-container .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}.flip-container .front{z-index:2;-webkit-transform:rotateY(0);transform:rotateY(0);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;overflow:hidden}.flip-container .front::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:cover;transform-origin:center;transition:transform .4s ease-in-out}.flip-container:hover .front::after,.flip-container:focus .front::after{transform:scale(1.25)}.flip-container .back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);padding:1rem;border:solid 3px #000}.flip-container .back .content{overflow:auto;height:100%}.flip-container .back .content::-webkit-scrollbar{width:5px}.flip-container .back .content::-webkit-scrollbar-track{background:#f1f1f1}.flip-container .back .content::-webkit-scrollbar-thumb{background:#b31b1b}.flip-container .front .content{position:relative;height:100%}.flip-container .front .content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1}.flip-container .front .content:after{content:"";position:absolute;top:1em;right:1em;bottom:1em;left:1em;border:solid 3px #fff;z-index:2}.flip-container .front h3{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;z-index:2}@media(min-width:800px){.flip-container .back{border:solid 5px #000}.flip-container .front .content:after{border:solid 5px #fff}}