title: How can I overlay multiple gifs to create depth on a web page?
body: <p>I am trying to create a visual novel website with simple animations. I need to add multiple background and foreground images or gifs for depth [like this grass][1], but I do not know how to add multiple layers of gifs. Here is an example of the background code I have already.</p>
  <pre class="lang-html prettyprint-override"><code>  background: url(https://wallpapercave.com/wp/Quvu2gR.jpg) no-repeat center center fixed;
    background-size: cover;
  }
  
    [1]: https://i.stack.imgur.com/fKJT1.png
  </code></pre>