body_carousel {
  margin: 0;
  background: lightgray;
  text-align: center;
  font-family: sans-serif;
  color: #fefefe;
}
.container_carousel {
  position: relative;
  width: 350px;
  height: 430px;
  margin: 100px auto 0 auto;
  perspective: 1400px;
  margin-top: -170px;
}

.carousel {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d; 
  animation: rotate360 60s infinite forwards linear;
}

.carousel figure{
    position: absolute;
  width: 207px;
  height: 151px;
  top: 210px;
  left: 10px;
  right: 10px;
  background-size: cover;
  box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5);
  display: flex;
    
}
/*.carousel__face { 
  position: absolute;
  width: 100%;
  height: 207px;
  top: 210px;
  left: 10px;
  right: 10px;
  background-size: cover;
  box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5);
  display: flex;
}*/

span {
  margin: auto;
  font-size: 2rem;
}


/*.carousel__face:nth-child(1) {

  content: url("../img/informe/modal_seguridad.jpeg");
  transform: rotateY(  0deg) translateZ(430px); }
.carousel__face:nth-child(2) { 
  content: url("../img/informe/modal_desarrollo.jpeg");
    transform: rotateY( 60deg) translateZ(410px); }
.carousel__face:nth-child(3) {
  content: url("../img/informe/modal_salud.jpeg");
  transform: rotateY( 120deg) translateZ(410px); }
.carousel__face:nth-child(4) {
  content: url("../img/informe/modal_obras_educativas.jpeg");
  transform: rotateY(180deg) translateZ(410px); }
.carousel__face:nth-child(5) { 
  content: url("../img/informe/modal_obras.jpeg");
 transform: rotateY(240deg) translateZ(410px); }
 .carousel__face:nth-child(6) { 
  content: url("../img/informe/modal_campo.jpeg");
 transform: rotateY(300deg) translateZ(410px); }*/

.carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(430px);}
.carousel figure:nth-child(2){transform: rotateY(70deg) translateZ(430px);}
.carousel figure:nth-child(3){transform: rotateY(140deg) translateZ(430px);}
.carousel figure:nth-child(4){transform: rotateY(210deg) translateZ(430px);}
.carousel figure:nth-child(5){transform: rotateY(280deg) translateZ(430px);}






@keyframes rotate360 {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-360deg);
  }
}

.carousel img{
    width: 100%;
  height: 100%;
}
.centerlogo {
    margin-left: auto;
    margin-right: auto;
    display: block;
}