body {
  margin: 0;
}

.container {
  height: 100vh;
  background: linear-gradient(#1c9edc 50%, #a048b9 0%) 100%/50% 100% no-repeat, linear-gradient(#ee8c25 50%, #d14730 0%);
  font-size: 5vmin;
}

.scene {
  overflow: hidden;
  height: 100vh;
  perspective: 20em;
  mix-blend-mode: overlay;
}

.mover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-style: preserve-3d;
  animation: r 5s linear infinite;
}

.face {
  position: absolute;
  margin: -2.5em;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background: url(http://www.followmefoodie.com/wp-content/uploads/2011/09/pies-blackberry-l.jpg) 50%/134%;
}
.face:nth-child(1) {
  transform: rotateY(0deg) translateZ(2.5em);
}
.face:nth-child(2) {
  transform: rotateY(90deg) translateZ(2.5em);
}
.face:nth-child(3) {
  transform: rotateY(180deg) translateZ(2.5em);
}
.face:nth-child(4) {
  transform: rotateY(270deg) translateZ(2.5em);
}
.face:nth-child(5) {
  transform: rotateX(90deg) translateZ(2.5em);
}
.face:nth-child(6) {
  transform: rotateX(-90deg) translateZ(2.5em);
}

@keyframes r {
  0% {
    transform: rotate(0turn) translate(5em) rotateX(0turn);
  }
  to {
    transform: rotate(1turn) translate(5em) rotateX(1turn);
  }
}