* { box-sizing: border-box; }

.conteneurScene
{
    width:100%;
    overflow:hidden;
}
.scene 
{
  position: relative;
  width:520px;
  max-width:100%;
  height:320px;
  margin: 0px auto;
  perspective: 100vw;
}

.carousel {
  width: 520px;
 max-width:100%;
  height: 320px;
  position: absolute;
  transform: translateZ(-288px);
  transform-style: preserve-3d;
  transition: transform 1s;
}

.carousel__cell {
  position: absolute;
  width:500px;
  max-width:100%;
  height:300px;
  left: 0px;
  top: 0px;
  background-color: #ffffff;
  color:#000000;
  transition: transform 1s, opacity 1s;
}

@media (max-width: 550px)
{
	.carousel__cell 
	{
  		width:95vw;
  		height:auto;
	}
}