.marquee-vertical {
  height: 420px;              /* same as height="420px" */
  overflow: hidden;
  position: relative;
}

.marquee-content {
  position: absolute;
  width: 100%;
  animation: scroll-up 50s linear infinite; /* controls speed */
}

/* direction="up" */
@keyframes scroll-up {
  0% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(-100%);
  }
}

/* onmouseover="this.stop();" */
.marquee-vertical:hover .marquee-content {
  animation-play-state: paused;
}