body{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;perspective:1000px;background-color:#f0f0f0;}.cube-container{width:200px;height:200px;position:relative;transform-style:preserve-3d;animation:rotate 10s infinite linear;}.cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d;}.face{width:200px;height:200px;position:absolute;background-image:url('/content/c1375f02958eb8417f18f679c9196b7df67d6c0102ec4b48f3ac5f8726bcd616i0');background-size:cover;border:2px solid #fff;}.face:nth-child(1){transform:rotateY(0deg) translateZ(100px);}.face:nth-child(2){transform:rotateY(90deg) translateZ(100px);}.face:nth-child(3){transform:rotateY(180deg) translateZ(100px);}.face:nth-child(4){transform:rotateY(-90deg) translateZ(100px);}.face:nth-child(5){transform:rotateX(90deg) translateZ(100px);}.face:nth-child(6){transform:rotateX(-90deg) translateZ(100px);}@keyframes rotate{0%{transform:rotateY(0deg);}100%{transform:rotateY(360deg);}}