.scroll-container {
  width: 100%;
  overflow: hidden; /* Hides text outside the box boundaries */
  background-color: #f1f1f1;
  white-space: nowrap; /* Prevents text from breaking into a new line */
  color: green;
}

.scroll-text {
  display: inline-block;
  padding-left: 100%; /* Forces text to start completely off-screen right */
  animation: marquee-effect 16s linear infinite;
}

@keyframes marquee-effect {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); } /* Scrolls text fully off-screen left */
}