.hero-img {
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: anime 18s 0s infinite;
  animation: anime 18s 0s infinite;
}

.hero-img.img1:nth-of-type(1) {
  animation-delay: 0s;
}
.hero-img.img2:nth-of-type(2) {
  animation-delay: 6s;
}
.hero-img.img3:nth-of-type(3) {
  animation-delay: 12s;
}

/*@keyframes anime {
	0% {
					opacity: 0;
	}
	8% {
					opacity: 1;
	}
	17% {
					opacity: 1;
	}
	95% {
					opacity: 0;
						transform: scale(1.2);
																	z-index:9;
	}
	100% { opacity: 0 }
}

@-webkit-keyframes anime {
	0% {
					opacity: 0;
	}
	8% {
					opacity: 1;
	}
	17% {
					opacity: 1;
	}
	95% {
					opacity: 0;
						-webkit-transform: scale(1.2);
									z-index:9;
	}
	100% { opacity: 0 }
}*/

@keyframes anime {
  0% {
    opacity: 0;
  }
  6% {
    opacity: 1;
  }
  37% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  6% {
    opacity: 1;
  }
  37% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}