.card-flip-container{position:relative;transform-style:preserve-3d;perspective:1000px;backface-visibility:hidden;opacity:0;transform:rotateY(90deg);transform-origin:left center;transition:all .5s ease}.card-flip-container.animate{animation:flipIn 1s ease-out forwards}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)}50%{opacity:.5}to{opacity:1;transform:rotateY(0deg)}}.card-content{visibility:hidden;height:100%}.animate .card-content{visibility:visible;animation:fadeInContent .3s .5s both}