.coin-container{perspective:1000px;flex-direction:column;align-items:center;min-height:300px;margin:40px auto;display:flex}.coin{width:280px;height:280px;transform-style:preserve-3d;position:relative}.coin.flipping-to-front{animation:2s ease-in-out forwards spin-to-front}.coin.flipping-to-back{animation:2s ease-in-out forwards spin-to-back}.coin.show-front{transform:rotateY(0)}.coin.show-back{transform:rotateY(180deg)}.coin-front,.coin-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.coin-front{background:0 0}.coin-back{background:0 0;transform:rotateY(180deg)}.coin-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}@keyframes spin-to-front{0%{transform:rotateY(0)rotateX(0)}25%{transform:rotateY(450deg)rotateX(180deg)}50%{transform:rotateY(900deg)rotateX(360deg)}75%{transform:rotateY(1350deg)rotateX(180deg)}to{transform:rotateY(1800deg)rotateX(0)}}@keyframes spin-to-back{0%{transform:rotateY(0)rotateX(0)}25%{transform:rotateY(450deg)rotateX(180deg)}50%{transform:rotateY(900deg)rotateX(360deg)}75%{transform:rotateY(1350deg)rotateX(180deg)}to{transform:rotateY(1980deg)rotateX(0)}}@media (max-width:640px){.coin{width:220px;height:220px}}