Remove block borders, help!

Hi there,
This is my client's website build using the Bedford template https://www.achievenow.org.uk .It is pretty old now and is on 7.0. On the home page there is a gallery slideshow. However, as you can see there is a black border that doesn't look great in desktop and even worse on mobile. Is there a way to get rid if this?

The issue in part is because the images are very short and wide.

If you were to add some color to the tops and bottoms of the images to get their aspect ratios closer to 16:9 or 4:3 it would look better on desktop.

This might help a little on mobile but you might have to create another gallery where the images are tall and narrow.

Then with CSS show/hide the gallery blocks based on desktop or mobile. This technique has been discussed many times on this form but perhaps not specifically for gallery blocks.

Thanks for responding. Do you know what I should be searching for to find the discussions you mention? Thanks

Try "desktop mobile hide" and then use the search more options to search by author @creedon or tuanphan.

https://forum.squarespace.com/search/?&q=desktop mobile hide&quick=1&author=creedon&search_and_or=and&sortby=relevancy

https://forum.squarespace.com/search/?&q=desktop mobile hide&quick=1&author=tuanphan&search_and_or=and&sortby=relevancy

As I say I don't recall specifically a solution to what you describe but the general two elements desktop/mobile show/hide technique has been discussed.

If you need more specific help we need to have a page to look at that has both the desktop and mobile versions of your gallery and then we may be able to work out some CSS.