title: How can I show an image with userAgent in Safari only?
body: <p>I have some WebGL images on this website, but they don't work in Safari so I figured I'd display simple images in Safari only. I’m using userAgent, but I think I’m missing something. Also I’m getting this in the console:</p>
  <pre><code>Uncaught TypeError: Cannot set property ‘display’ of undefined
  </code></pre>
  <p>Any help or hint is much appreciated!</p>
  <pre><code>const editorImg = document.querySelectorAll('.editor-img');
          if(/Safari/i.test(navigator.userAgent)){
              editorImg.style.display = &quot;block&quot;;
          } else {
              editorImg.style.display = &quot;none&quot;; 
              console.log('hidden');
          }
  </code></pre>
  <p>This is my staging link: <a href="https://5c98ad-2bd965dd7504daa4ac960eec46ab6863.webflow.io/" rel="nofollow noreferrer">https://5c98ad-2bd965dd7504daa4ac960eec46ab6863.webflow.io/</a></p>