Streaming live at 10am (PST)

Hiding images with userAgent

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: Webflow - knguru

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