How to make Autotype inside of H1 span in Webflow?

<style>
  #break-line {
    display: none;
  }
</style>

<h1 class="ks-h1">WE HELP<br><span id="ks-running-text" class="ks-h1-span"></span><br><span id="break-line"></span>COMPANIES<br>SCALE RAPIDLY</h1>

<script>
  // Define an array of words to be displayed in the autotype effect
  const words = ["innovative", "blockchain", "digital asset", "web3", "crypto"];
  
  // Initialize variables to track the current word and text
  let currentIndex = 0;
  let currentWord = words[currentIndex];
  let currentText = "";
  
  // Declare a variable to store the timeout ID
  let timeoutId;
  
  // Set the typing speed for the effect (in milliseconds)
  const typingSpeed = 200;

  // The autotype function is responsible for typing each character of the current word
  function autotype() {
    // If the current word is fully typed (including the "_" character)
    if (currentText.length === currentWord.length + 1) {
      // Call the erase function after a 1-second pause
      timeoutId = setTimeout(erase, 1000);
    } else {
      // Add the next character from the current word followed by the "_" character
      currentText = currentWord.substring(0, currentText.length) + "_";
      
      // Update the text content of the "ks-running-text" span element
      document.getElementById("ks-running-text").textContent = currentText;
      
      // Call the autotype function again after the specified typing speed
      timeoutId = setTimeout(autotype, typingSpeed);
    }
  }

  // The erase function is responsible for erasing each character of the current word
  function erase() {
    // If only the "_" character is present
    if (currentText.length === 1 && currentText.endsWith("_")) {
      // Increment the currentIndex and update the currentWord
      currentIndex = (currentIndex + 1) % words.length;
      currentWord = words[currentIndex];
      
      // Reset the currentText
      currentText = "";
      
      // Call the autotype function to start typing the next word
      autotype();
    } else {
      // Remove the last character (excluding the "_" character) from the current word
      currentText = currentWord.substring(0, currentText.length - 2) + "_";
      
      // Update the text content of the "ks-running-text" span element
      document.getElementById("ks-running-text").textContent = currentText;
      
      // Toggle the display of the "break-line" span element based on the presence of the "_" character
      if (currentText === "_") {
        document.getElementById("break-line").style.display = "inline";
      } else {
        document.getElementById("break-line").style.display = "none";
      }
      
      // Call the erase function again after the specified typing speed
      timeoutId = setTimeout(() => {
        erase();
      }, typingSpeed);
    }
  }

  // Begin the autotype effect after the initial typing speed delay
  timeoutId = setTimeout(() => {
    autotype();
  }, typingSpeed);

  // Add an event listener for the "blur" event to stop the autotype effect when the window loses focus
  window.addEventListener("blur", () => {
    clearTimeout(timeoutId);
  });
</script>