.slider {
  width: 100%;
  height: 600px;
  margin: 20px auto;
  position: relative;
}

.slide1, .slide2, .slide3, .slide4, .slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.slide1 {
  background: url(../../assets/img/Magicmoments/1.jpg)no-repeat bottom;
  background-size: cover;
  animation: fade 20s infinite;
  -webkit-animation: fade 20s infinite;
}

.slide2 {
  background: url(../../assets/img/Magicmoments/2.jpg)no-repeat center;
  background-size: cover;
  animation: fade2 20s infinite;
  -webkit-animation: fade2 20s infinite;
}

.slide3 {
  background: url(../../assets/img/Magicmoments/3.jpg)no-repeat center;
  background-size: cover;
  animation: fade3 20s infinite;
  -webkit-animation: fade3 20s infinite;
}

.slide4 {
  background: url(../../assets/img/Magicmoments/4.jpg)no-repeat center;
  background-size: cover;
  animation: fade4 20s infinite;
  -webkit-animation: fade4 20s infinite;
}

.slide5 {
  background: url(../../assets/img/Magicmoments/5.jpg)no-repeat center;
  background-size: cover;
  animation: fade5 20s infinite;
  -webkit-animation: fade5 20s infinite;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade3 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade4 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade5 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}