<svg id="svg" viewBox="0 20 1040 700" xmlns="http://www.w3.org/2000/svg">
  <path id="curve" d="M 0,7000 C 0,7000 0,350 -50,350 C 152.13333333333333,306 304.26666666666665,262 445,298 C 585.7333333333333,334 715.0666666666668,450 879,472 C 1042.9333333333332,494 1241.4666666666667,422 1440,350 C 1440,350 1440,700 1440,700 Z">
  </path>
  <text x="-2000">
    <textPath xlink:href="#curve">
      CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • CURVE MARQUEE • 
    </textPath>
    <animate attributeName="x" dur="30s" values="-4000;0" repeatCount="indefinite"></animate>
  </text>
</svg>

body{
  background:#f8f3ed;
  margin:0;
  padding:0;
  overflow:hidden;
}
svg{
    font-size: 6rem;
    letter-spacing: 2px;
    text-transform: uppercase;
}

svg path {
    fill: transparent;
}