<div class="marquee">
  <div class="marquee-inner">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt fermentum volutpat.</div>
  <div class="marquee-inner" aria-hidden="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tincidunt fermentum volutpat.</div>
</div>

.marquee {
  display: flex;
  white-space: nowrap;
	overflow: hidden;
  gap: 1rem;
  font-size: 3rem;
}

const marqueeTexts = document.querySelectorAll('.marquee-inner');

marqueeTexts.forEach((marqueeText) => {
  marqueeText.animate(
    {
      translate: [0, 'calc(-100% - 1rem)']
    },
    {
      duration: 20000,
      iterations: Infinity
    }
  );
});