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