HTML CSS

<svg viewBox="0 0 200 120">
  <path pathLength="1" fill="none" stroke="red" stroke-width="1.6" d="m 113.3576,38.576622 c -5.924,-4.83 -15.165001,-5.534 -24.343001,-5.743 -39.77,-0.907 -87.1499996,27.995 -86.8579996,47.912 0.33,22.632998 46.4929996,27.699998 99.0350006,27.156998 60.87,-0.627 88.115,-21.993998 95.875,-43.257998 8.5,-23.29 -53.938,-46.112 -90.84,-52.155 -15.104001,-2.474 -75.355001,6.15 -94.086001,17.236"></path>
</svg>

path {
    /* Use the same value as pathLength attribute. */
    --length: 1;

    stroke-dasharray: var(--length);
    stroke-dashoffset: var(--length);

    animation: draw 3s;
    animation-iteration-count: infinite;
  }

  @keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }

  svg {
    height: 70%;
  }

  body {
    height: 100dvh;
    margin: 0;

    display: grid;
    place-items: center;
  }