Hide background image depending on browser window width

Hi there!

I’ve put an image on the side of the background of a container to “fill” the website, so that it doesn’t look that empty.

It displays correctly on my screen, which has a resolution of 1920x1080, but when I test it on smaller screens, say a 13" laptop, the background image is covered by (in this case) the video that is the main content of that container - and looks BAD.

Is there a way to hide or not to display an element if the width of the window is smaller than a certain amount of pixels? I assume this is pretty much what you can do when you design for dekstop / tablet / smartphone, but I can’t find a way of doing it.

Here is the public link for the website: https://webflow.com/design/the-live-rooms-2?preview=d4429cc484366ea533d88c7ff7464821

The image I am talking about is the microphone one, by the video.

Thanks in advance!