.cmp-image-flip{max-width:400px;min-height:350px;margin-bottom:30px}
@media only screen and (max-width:991px){.cmp-image-flip{min-height:320px}
}
@media only screen and (max-width:767px){.cmp-image-flip{min-height:300px}
}
.cmp-image-flip .image-flip-icon{display:inline-block}
.cmp-image-flip .image-flip-icon .image-flip-label{display:block}
.cmp-image-flip .image-flip-icon img{width:30px;height:30px}
.cmp-image-flip .image-flip-rotate{padding-bottom:20px}
.cmp-image-flip .image-flip-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}
.cmp-image-flip .image-flip-front,.cmp-image-flip .image-flip-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cmp-image-flip .image-flip-front img,.cmp-image-flip .image-flip-back img{width:100%}
.cmp-image-flip .image-flip-back{transform:rotateY(180deg)}
.cmp-image-flip .flipped{transform:rotateY(180deg)}