title: AOS (animate-on-scroll) elements invisible on static site
body: <p>I'm making a site for a client and trying to implement AOS library to make it look more dynamic.
  I've followed instructions from the <a href="https://github.com/michalsnik/aos" rel="nofollow noreferrer">GitHub</a> :</p>
  
  <p>Add to <code>&lt;head&gt;</code></p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /&gt;
  </code></pre>
  
  <p>Add before <code>&lt;/body&gt;</code></p>
  
  <pre><code>&lt;script src="https://unpkg.com/aos@next/dist/aos.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      AOS.init();
    &lt;/script&gt;
  </code></pre>
  
  <p>No luck. I've applied <code>data-aos="fade-in"</code> to a div in the Services section of <a href="https://fightfitness.co/#services" rel="nofollow noreferrer">this site</a> (it should be obvious with the missing box) and it doesn't display at all for me.</p>
  
  <p>Can anyone help?</p>
  
  <p>Thank you,</p>
  
  <p>Jack</p>