Whenever I click on other pages on my website and go back to the index page, the Vanta.js background does not show up. The canvas element still does, but nothing appears on it.

    <div class="rings-background masthead__bg">
    </div>

  <script src="js/three.min.js"></script>
  <script src="js/rings.js"></script>

  <script>
    VANTA.RINGS({
    el: ".rings-background",
    mouseControls: false,
  touchControls: false,
  gyroControls: false,
  minHeight: 200.00,
  minWidth: 200.00,
  scale: 1.00,
  scaleMobile: 1.00,
  backgroundAlpha: 0
  });
  </script>