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!