body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh}.scene{width:450px;height:300px;perspective:1000px}#cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;cursor:grab}.face{position:absolute;width:450px;height:300px;background-size:cover;background-position:center}.face:nth-child(1){transform:rotateY(0) translateZ(225px)}.face:nth-child(2){transform:rotateY(90deg) translateZ(225px)}.face:nth-child(3){transform:rotateY(180deg) translateZ(225px)}.face:nth-child(4){transform:rotateY(-90deg) translateZ(225px)}