.slide {
	width: 100%;
	height: 30vw;
	overflow: hidden;
	position: relative;
	background-image: url(../img/pexels-pixabay-159298hell.jpg);
  }
  .slide > div {
	width: 100%;
	height: 100%;
	position: absolute;
	animation: slide 20s 1;
	opacity: 0;
  }
  .slide > div:nth-child(2) {
	animation-delay: 5s;
  }
  .slide > div:nth-child(3) {
	animation-delay: 10s;
  }
  .slide1 > div:nth-child(2) {
	animation-delay: 15s;
  }
  
  @keyframes slide {
	10% {
	  opacity: 1;
	}
	20% {
	  opacity: 1;
	}
	40% {
	  transform: scale(1.2);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	  }
  }
  @keyframes slide1 {
	10% {
	  opacity: 1;
	}
	20% {
	  opacity: 1;
	}

	40% {
	  transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	  }
  }