.running-text-wrapper {
    overflow: hidden;
    background-color: #ff5600; /* orange-400 */
    white-space: nowrap;
    padding: 12px 0;
  }

  .running-text {
    display: inline-block;
    animation: marquee 50s linear infinite;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    padding-left:0; /* start from part of screen */
  }

  .white-text {
    color: white;
    margin-right: 1rem;
  }

  .stroke-text {
    color: transparent;
    -webkit-text-stroke: 1px black;
    margin-right: 1rem;
  }

  @keyframes marquee {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-100%);
    }
  }

  @media (max-width: 768px) {
    .running-text {
      font-size: 1.25rem;
    }
  }