div#carousel { 
  -webkit-perspective: 1200px; 
 
  padding-top: 10%; 
  font-size:0; 
  margin-bottom: 3rem; 
  overflow: hidden; 
}
figure#spinner { 
  -webkit-transform-style: preserve-3d; 
  height: 300px; 
  -webkit-transform-origin: 50% 50% -500px; 
  transition: 1s; 
} 
figure#spinner img { 
 width: 37%; max-width: 425px; 
  position: absolute; left: 30%;
  -webkit-transform-origin: 50% 50% -500px;
  outline:1px solid transparent; 
}
figure#spinner img:nth-child(1) { -webkit-transform:rotateY(0deg); 
}
figure#spinner img:nth-child(2) { -webkit-transform: rotateY(-45deg); }
figure#spinner img:nth-child(3) { -webkit-transform: rotateY(-90deg); }
figure#spinner img:nth-child(4) { -webkit-transform: rotateY(-135deg); }
figure#spinner img:nth-child(5){ -webkit-transform: rotateY(-180deg); }
figure#spinner img:nth-child(6){ -webkit-transform: rotateY(-225deg); }
figure#spinner img:nth-child(7){ -webkit-transform: rotateY(-270deg); }
figure#spinner img:nth-child(8){ -webkit-transform: rotateY(-315deg); }
element.style {
float: right;
}
div#carousel ~ span {
color: #fff;
/* margin: 33%; */
display: inline-block;
text-decoration: none;
font-size: 2rem;
transition: 0.6s color;
position: relative;
margin-top: -16rem;
border-bottom: none;
line-height: 0;
margin-left: 36%;
margin-righ: 11%;
margin-right: 32%;
}
div#carousel ~ span:hover { color: #888; cursor: pointer; }