.card-flip{background:transparent;border:none;perspective:800px;position:relative;width:100%}.card-flip .card-back,.card-flip .card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:transform .6s;width:100%}.card-flip .card-back{overflow-y:auto}.card-flip .card-back,.card-flip:hover .card-front{transform:rotateY(180deg)}.card-flip:hover .card-back{transform:rotateY(1turn)}@media (max-width:767px){.card-flip{display:grid;height:auto!important}.card-flip .card-back,.card-flip .card-front{grid-area:1/1;height:auto;left:auto;min-height:100%;overflow:hidden;position:relative;top:auto;width:100%}.card-flip .card-back{overflow-y:visible}}