div#carousel { 
  perspective: 1200px; 
  background: white; 
  padding-top: 10%; 
  font-size:0; 
  margin-bottom: 3rem; 
  overflow: hidden; 
}
figure#spinner { 
  transform-style: preserve-3d; 
  height: 300px; 
  transform-origin: 50% 50% -500px; 
  transition: 1s; 
} 
figure#spinner img { 
  width: 20%; max-width: 425px; 
  position: absolute; left: 40%;
  transform-origin: 50% 50% -500px;
  outline:1px solid transparent; 
}
figure#spinner img:nth-child(1) { transform:rotateY(0deg); 
}
figure#spinner img:nth-child(2) { transform: rotateY(30deg); }
figure#spinner img:nth-child(3) { transform: rotateY(60deg); }
figure#spinner img:nth-child(4) { transform: rotateY(90deg); }
figure#spinner img:nth-child(5){ transform: rotateY(120deg); }
figure#spinner img:nth-child(6){ transform: rotateY(150deg); }
figure#spinner img:nth-child(7){ transform: rotateY(180deg); }
figure#spinner img:nth-child(8){ transform: rotateY(210deg); }
figure#spinner img:nth-child(9){ transform: rotateY(240deg); }
figure#spinner img:nth-child(10){ transform: rotateY(270deg); }
figure#spinner img:nth-child(11){ transform: rotateY(300deg); }
figure#spinner img:nth-child(12){ transform: rotateY(330deg); }
div#carousel ~ span { 
  color: white; 
  /*margin: 5%; */
  display: inline-block; 
  text-decoration: none; 
  font-size: 2rem; 
  transition: 0.6s color; 
  position: relative; 
  margin-top: -6rem; 
  top: -200px;
  border-bottom: none; 
  /*line-height: 0;*/ }
div#carousel ~ span:hover { color: #0DB26B; cursor: pointer; }