I have an image element that may overflow to the right of the screen depending on the screen width. When shrinking the browser to become smaller, the image is cut off (which is fine) but a horizontal scrollbar appears at the bottom. I would like to remove horizontal overflow on preferably just this aspect of the page, but removing horizontal overflow on the entire page is fine too.
Here is the link to the page: https://equilink-app.bubbleapps.io/version-test?debug_mode=true
The image I’m referring to is the one on the right half of the first section. It is the one containing the 4 cards with photos of people.
I found a code snippet online to hide horizontal overflow, but I’m not sure if it’s correct for my use and I’ve not been able to get it to work properly on my page. Here is that snippet:
Any help would be much appreciated! Thank you so much in advance!