.card-wrap{position:relative;width:200px;height:200px;margin:0 auto;padding:80px 0px;cursor:pointer}.card{width:100%;height:100%;top:0;position:absolute;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50%}.card div{display:block;height:100%;width:100%;color:black;text-align:center;font-weight:300;border-radius:10px;font-size:15px;padding:20px;position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.card .front{background-size:cover;background-position:center}.card .back{background:#f9e0ea;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.card.flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}