body {
}

.crossfade > figure {
  animation: imageAnimation 48s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index:-1;
}

    .crossfade > figure:nth-child(1) {
        background-image: url('../img/FotosSlider/bg1.jpg');
	-webkit-background-size:cover;
    }

    .crossfade > figure:nth-child(2) {
        animation-delay: 12s;
        background-image: url('../img/FotosSlider/Estetoscopio.jpeg');
	-webkit-background-size:cover;
    }

    .crossfade > figure:nth-child(3) {
        animation-delay: 24s;
        background-image: url('../img/FotosSlider/FotoERP.jpeg');
	-webkit-background-size:cover;
    }

    .crossfade > figure:nth-child(4) {
        animation-delay: 36s;
        background-image: url('../img/FotosSlider/SillasRojasPlaya.jpeg');
	-webkit-background-size:cover;
    }


@keyframes 
imageAnimation {  
    
     0% {
     animation-timing-function: ease-in;
     opacity: 0;
    }

     8% {
     animation-timing-function: ease-out;
     opacity: 1;
    }

     17% {
     opacity: 1;
    }

     25% {
     opacity: 0;
    }

     50% {
     opacity: 0;
    }

}