I'm currently designing a website, and need to have a vertical line separating some text and a blog highlight.
I've done this by creating an image, and slotting it between the two, and it's exactly what I need.
It looks fine on desktop and tablet, but displays appallingly on mobile, so I would like that image to simply not display on mobiles.
I have tried using various custom CSS that has been provided by other uses on Squarespace answers, but to no avail, however they are generally rather old answers, so I wonder if the fix no longer works.
URL is smilelocum.com/home-wip, the image in question is the vertical green line on the unlinked copy of the home page
Any help would be appreciated.