* {
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  text-align: center;
}

.scene, .scene2, .scene3, .scene4 {
  margin: 40px 0;
  position: relative;
  width: 18%;
  height: 200px;
  margin: 80px auto;
  perspective: 1000px;
}

.carousel, .carousel2, .carousel3, .carousel4 {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateZ(-288px);
  transform-style: preserve-3d;
  transition: transform 1s;
}

.carousel__cell,.carousel__cell2,.carousel__cell3,.carousel__cell4 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 10px;
  top: 10px;
  border: 2px solid black;
  line-height: 116px;
  font-size: 80px;
  font-weight: bold;
  color: white;
  text-align: center;
  transition: transform 1s, opacity 1s;
}
/*
.carousel__cell:nth-child(9n+1) {
  background: hsla(0, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+2) {
  background: hsla(40, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+3) {
  background: hsla(80, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+4) {
  background: hsla(120, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+5) {
  background: hsla(160, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+6) {
  background: hsla(200, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+7) {
  background: hsla(240, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+8) {
  background: hsla(280, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(9n+0) {
  background: hsla(320, 100%, 50%, 0.8);
}

.carousel__cell:nth-child(1) {
  transform: rotateY(0deg) translateZ(288px);
}

.carousel__cell:nth-child(2) {
  transform: rotateY(40deg) translateZ(288px);
}

.carousel__cell:nth-child(3) {
  transform: rotateY(80deg) translateZ(288px);
}

.carousel__cell:nth-child(4) {
  transform: rotateY(120deg) translateZ(288px);
}

.carousel__cell:nth-child(5) {
  transform: rotateY(160deg) translateZ(288px);
}

.carousel__cell:nth-child(6) {
  transform: rotateY(200deg) translateZ(288px);
}

.carousel__cell:nth-child(7) {
  transform: rotateY(240deg) translateZ(288px);
}

.carousel__cell:nth-child(8) {
  transform: rotateY(280deg) translateZ(288px);
}

.carousel__cell:nth-child(9) {
  transform: rotateY(320deg) translateZ(288px);
}*/