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