title: Animate text behind box
body: <p>I have a popup box that starts at page load, and I also have a fade in text animation on page load. The text fades infront of the popup box and then disappears behind it after it's duration. How can I cause the text animation to stay behind always?</p>
  
  <p>Text fade in keyframes:</p>
  
  <pre><code>@keyframes scale { 0% { transform: scale(0.8); opacity: 0; } }
  </code></pre>