.xSlide {
	width: 100%;
	height: 340px;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	background-color: transparent;
}
.xSlide > div {
	width: 100%;
	height: 100%;
	background-size: cover;
	position: absolute;
	animation: xSlide 20s infinite;
	opacity: 0;
	background: center center;
}
.xSlide > div:nth-child(2) {
  animation-delay: 4s;
}
.xSlide > div:nth-child(3) {
  animation-delay: 8s;
}
.xSlide > div:nth-child(4) {
  animation-delay: 12s;
}
.xSlide > div:nth-child(5) {
  animation-delay: 16s;
}

@keyframes xSlide {
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  40% {
    transform: scale(1.0);
  }
}