*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.content-all{
	width: 210px;
	margin: auto;
	perspective: 2500px;
	position: relative;
	margin-top: 50px;
}
.content-carrusel{
	width: 100%;
	position: absolute;
	animation: rotar 20s infinite linear;
	transform-style: preserve-3d;

}
.content-carrusel:hover{
	animation-play-state: paused;
	cursor: pointer;
}

.content-carrusel figure{
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: absolute;
	box-shadow: 0px 0px 20px 0px black;
	transition: all 300ms;
}

.content-carrusel figure:hover{
	box-shadow: 0px 0px 0px 0px black;
	transition: all 300ms;
}

.content-carrusel figure:nth-child(1){transform: rotateY(0deg) translateZ(300px); }
.content-carrusel figure:nth-child(2){transform: rotateY(40deg) translateZ(300px); }
.content-carrusel figure:nth-child(3){transform: rotateY(80deg) translateZ(300px); }
.content-carrusel figure:nth-child(4){transform: rotateY(120deg) translateZ(300px); }
.content-carrusel figure:nth-child(5){transform: rotateY(160deg) translateZ(300px); }
.content-carrusel figure:nth-child(6){transform: rotateY(200deg) translateZ(300px); }
.content-carrusel figure:nth-child(7){transform: rotateY(240deg) translateZ(300px); }
.content-carrusel figure:nth-child(8){transform: rotateY(280deg) translateZ(300px); }
.content-carrusel figure:nth-child(9){transform: rotateY(320deg) translateZ(300px); }
.content-carrusel figure:nth-child(10){transform: rotateY(360deg) translateZ(300px); }



.content-carrusel img{
	width: 100%;
	height: 100%;
}

.content-carrusel img:hover{
	transform: scale(1.5);
	transition:all 300ms;
}
@keyframes rotar{
	from{
		transform: rotateY(0deg);
	}to{
		transform: rotateY(360deg);
	}
}