@keyframes rotateCube{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.cube-container{perspective:1000px;width:20px;height:20px;filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 6s infinite linear}.face{position:absolute;width:20px;height:20px;background-image:url(https://art.pixilart.com/sr5z31cacaee5baws3.png);background-size:cover;background-position:center;box-shadow:inset 0 0 2px rgba(0,0,0,.2)}.front{transform:translateZ(10px)}.back{transform:rotateY(180deg) translateZ(10px)}.right{transform:rotateY(90deg) translateZ(10px)}.left{transform:rotateY(-90deg) translateZ(10px)}.top{transform:rotateX(90deg) translateZ(10px)}.bottom{transform:rotateX(-90deg) translateZ(10px)}