* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stage {
  perspective: 900px;
}

.spinner {
  width: 350px;
  height: 350px;
  animation: spinX 5s linear infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner img {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

@keyframes spinX {
  from { transform: rotateX(360deg); }
  to   { transform: rotateX(0deg); }
}