.scene { margin: 20px 0; position: relative; width: 375px; height: 250px; margin: 20px auto; perspective: 500px} /* border: 1px solid #d00;*/
.carousel { width: 100%; height: 100%; position: absolute; transform: translateZ(-471px); transform-style: preserve-3d; transition: transform 1s}
.carousel__cell { position: absolute; width: 376px; height: 250px; left: 0; top: 0; border: 1px solid gray; backface-visibility: hidden}

.carousel__cell:nth-child(1) { transform: rotateY(  0deg) translateZ(470px); }
.carousel__cell:nth-child(2) { transform: rotateY( 45deg) translateZ(470px); }
.carousel__cell:nth-child(3) { transform: rotateY( 90deg) translateZ(470px); }
.carousel__cell:nth-child(4) { transform: rotateY(135deg) translateZ(470px); }
.carousel__cell:nth-child(5) { transform: rotateY(180deg) translateZ(470px); }
.carousel__cell:nth-child(6) { transform: rotateY(225deg) translateZ(470px); }
.carousel__cell:nth-child(7) { transform: rotateY(270deg) translateZ(470px); }
.carousel__cell:nth-child(8) { transform: rotateY(315deg) translateZ(470px); }

.javelin{background-color: firebrick; width:90%; height: 8px; margin:-30px auto 20px;border-radius: 50%; z-index: -1}
.spin-btn{background-color:#8f8;font-size: 1em;font-weight: 700; margin:2px 10px -4px 12px;padding:0 1px;border:1px solid #f00;cursor:pointer;min-height:30px;min-width:30px;border-radius:50%;display:inline-block;z-index: 10}