$(document).ready(function () {
        $('.Fron1,.Back2').wrapAll("");
    });


    .wrapCard{cursor:pointer;}
    .wrapCard .Fron1>*{backface-visibility:hidden;}
    .wrapCard .Fron1>*,.wrapCard .Back2>*{transition:1s !important;}
    
    .wrapCard .Back2>*{transform: rotateY(180deg)!important;pointer-events:none;backface-visibility:hidden;}
    .wrapCard:hover .Fron1>*{transform:rotateY(180deg)!important;}
    .wrapCard:hover .Back2>*{transform:rotateY(360deg)!important;pointer-events:all;}
    .wrapCard:hover .Fron1{height:0!important;pointer-events:none;transition-delay:0.5s!important;}