.card-container{perspective:1000px;width:380px;height:550px}@media (max-width:768px){.card-container{width:100%}}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.card-container:hover .card{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.card-front{background-color:#fff}.card-back{color:#fff;padding:20px;transform:rotateY(180deg)}.card-image,.card-image-dark{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.card-title{color:#fff;text-align:center;width:100%;padding:5px;position:absolute;bottom:0}.card-description{text-align:center;z-index:1;padding:5px}