Hiding images with userAgent

Design help Custom code
1

Hey webflowers,
I’d like to hide an image only in Chrome and normal browsers but show them in Safari. The images under the .editor-img are inside WebGL and they don’t work in Safari, so I have to display static images in Safari. I’m using userAgent, but I think I’m missing something. Also I’m getting this in the console: Uncaught TypeError: Cannot set property ‘display’ of undefined

Is this even how you test for Safari?

const editorImg = document.querySelectorAll('.editor-img');
	if(/Safari/i.test(navigator.userAgent)){
		editorImg.style.display = "block";
	} else {
		editorImg.style.display = "none"; 
		console.log('hidden');
	}

Any help is much appreciated​:pray::pray::pray:

My read-only link: https://preview.webflow.com/preview/5c98ad-2bd965dd7504daa4ac960eec46ab6863?utm_medium=preview_link&utm_source=designer&utm_content=5c98ad-2bd965dd7504daa4ac960eec46ab6863&preview=31eb45f9dcad0570e678225b5e045f93&workflow=preview

Staging link: https://5c98ad-2bd965dd7504daa4ac960eec46ab6863.webflow.io/