#fadeSlider {
  position: absolute;
  float: left;
  width:100%;
  height: 100%;
}

.slide {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-position:center -15vh;
  background-repeat: no-repeat;
  background-size: 100% auto;
  opacity:0%;
}

@keyframes moveUpwardsAnmiation {
  from {
    background-position:center 0vh;
  } to {
    background-position:center -15vh;
  }
}

@keyframes slideFadeInAnimation {
  from {
    display: block!important;
    opacity:0%;
  } to {
    display: block!important;
    opacity:100%;
  }
}

@keyframes slideFadeOutAnimation {
  from {
    opacity:100%;
  } to {
    opacity:0%;
  }
}

.slideFadeIn {
  animation-name:slideFadeInAnimation;
  animation-duration:1.0s;
  opacity:100%;
}

.slideFadeOut {
  animation-name:slideFadeOutAnimation;
  animation-duration:1.0s;
  opacity:0%;
}

.slideMovingUpwards {
  animation-name:moveUpwardsAnmiation;
  animation-duration:7.0s;
}