.carousel {
	 padding: 20px;
	 perspective: 500px;
	 overflow: hidden;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 .carousel > * {
	 flex: 0 0 auto;
}
 .carousel figure {
	 margin: 0;
	 width: 400px;
	 transform-style: preserve-3d;
	 transition: transform 0.5s;
	 transform-origin: 50% 50% -482.8427124746px;
}
 .carousel figure img {
	 width: 100%;
	 box-sizing: border-box;
	 padding: 0 40px;
	 opacity: 0.9;
}
 .carousel figure img:not(:first-of-type) {
	 position: absolute;
	 left: 0;
	 top: 0;
	 transform-origin: 50% 50% -482.8427124746px;
}
 .carousel figure img:nth-child(2) {
	 transform: rotateY(0.7853981634rad);
}
 .carousel figure img:nth-child(3) {
	 transform: rotateY(1.5707963268rad);
}
 .carousel figure img:nth-child(4) {
	 transform: rotateY(2.3561944902rad);
}
 .carousel figure img:nth-child(5) {
	 transform: rotateY(3.1415926536rad);
}
 .carousel figure img:nth-child(6) {
	 transform: rotateY(3.926990817rad);
}
 .carousel figure img:nth-child(7) {
	 transform: rotateY(4.7123889804rad);
}
 .carousel figure img:nth-child(8) {
	 transform: rotateY(5.4977871438rad);
}
 .carousel nav {
	 display: flex;
	 justify-content: center;
	 margin: 20px 0 0;
}
 .carousel nav button {
	 flex: 0 0 auto;
	 margin: 0 5px;
	 cursor: pointer;
	 color: white;
	 background: none;
	 border: 1px solid;
	 letter-spacing: 1px;
	 padding: 5px 10px;
}