.slide-wrapper {
 position: relative;
 width: 100%;
 height: 100vh;
}

.slide-wrapper .slideImg {
 width: 100%;
 height: 100vh;
}

.slide-wrapper .slideImg img {
 max-width: 100%;
 width: 100%;
 height: 100%;
 position: absolute;
 object-fit: cover;
}

.slide {
 position: relative;
 width: 100%;
 height: 400px;
 overflow: hidden;
}

.slide-image {
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 animation: slider-1 18s linear infinite;
}

.slide-image:nth-child(1) {
 animation-delay: -2s;
}

.slide-image:nth-child(2) {
 animation-delay: 4s;
}

.slide-image:nth-child(3) {
 animation-delay: 10s;
}

@keyframes slider-1 {
 0% {
  opacity: 0;
  transform: scale(1);
 }

 4.16% {
  opacity: 1;
 }

 33.33% {
  opacity: 1;
 }

 41.66% {
  opacity: 0;
  transform: scale(1.1);
 }

 100% {
  opacity: 0;
 }
}