title: SVG not working in Firefox
body: <p>My CSS-animated SVG does not seem to appear in Mozilla Firefox 58, but it does in Chrome.</p>
  
  <p><a href="https://i.stack.imgur.com/rFD8z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rFD8z.png" alt="view in chrome"></a></p>
  
  <p>Here is a link to the codepen page: <a href="https://codepen.io/ninivert/pen/qXvWxo" rel="nofollow noreferrer">https://codepen.io/ninivert/pen/qXvWxo</a>
  <br>
  Why does this happen? Removing <code>stroke-dashoffset</code> and <code>stroke-dasharray</code> does not seem to help.</p>