.card-container{height:460px;margin-bottom:25px}.flip-card{position:relative;transform-style:preserve-3d;transition:all 1s ease;width:350px}.flip-card:hover{transform:rotateY(180deg);transition:all 1s ease}.back,.front{backface-visibility:hidden;height:100%;padding:0 20px;position:absolute;width:100%}.back{transform:rotateY(180deg)}#back,#front{border-radius:20px;box-shadow:0 25px 20px -20px rgba(0,0,0,.2)}@media (max-width:400px){.card-container{height:380px}.flip-card{width:300px}}