.card-container{perspective:1000px}.card-inner{position:relative;transform-style:preserve-3d;transition:transform .6s}.card-inner.flipped{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-back{transform:rotateY(180deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-500{animation:fadeIn .5s ease-in-out}