JSFiddle - React, Tailwind, and code Playground

HTML

<div class="marquee">
  <p>ROCK ROCK</p>
</div>

CSS

body{
  margin:0
}

.marquee {
overflow:hidden;
height:100vh;
display:grid; 
align-items:center;
}
.marquee p {
  font-size:140vmin;
  white-space:nowrap;
  width:max-content;
  margin:0;
  line-height:.7;
  animation: slide 6s infinite linear;
}

@keyframes slide {
  to {translate:-50% 0;}
}