.slider {
  height: 100px;
 
  overflow: hidden;
}

.slider div {
  height: 50px;
  padding: 2px 15px;
  color: #000000;
  text-align: center;
  margin-bottom: 50px;
  box-sizing: border-box;
}

.slider-text-1 {
  
  animation: slide 20s linear infinite;
}

.slider-text-2 {
 
}

.slider-text-3 {
 
}

.slider-text-4 {
 
}

@keyframes slide {
  0% {
    margin-top: -400px;
  }
  5% {
    /* For stopping effect */
    margin-top: -300px;
  }
  25% {
    margin-top: -300px;
  }
  30% {
    /* For stopping effect */
    margin-top: -200px;
  }
  50% {
    margin-top: -200px;
  }
  55% {
    /* For stopping effect */
    margin-top: -100px;
  }
  75% {
    margin-top: -100px;
  }
  80% {
    margin-top: 0px;
  }
  100% {
    margin-top: 0px;
  }
}