.vertical-slider-box {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  margin: 10px;
}

.vertical-slider-box-track {
  display: flex;
  flex-direction: column;
  animation: scroll var(--slider-speed, 10s) linear infinite;
}

.vertical-slider-box-reverse .vertical-slider-box-track {
  animation: scrollDown var(--slider-speed, 10s) linear infinite;
}

/* Pause on hover */
.vertical-slider-box:hover .vertical-slider-box-track {
  animation-play-state: paused;
}

.vertical-slider-box-slide {
  width: 100%;
  height: 100%;
}

.vertical-slider-box-slide img {
  width: 100%;
  height: auto;
  display: block;
}

/* Keyframes */
@keyframes scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

@keyframes scrollDown {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}