Issue with image border CSS not fully appearing and Overlap image display

Site URL: https://www.richardelaver.com/

Hi,

I've been experiencing a number of visual glitches on a new Squarespace site (using the 7.0 Wells template). The main issue at present is, when applying the Overlap preset to an image, the image border does not show up on the right side of the image. It does, however, appear on images with the default format. I have exhausted my knowledge of CSS and Squarespace's own options and would appreciate any and all insight. I've included screenshots of the issue as well as my custom CSS.

In addition, due to the customizations I've made to the Overlap preset, it auto-populates with a long placeholder string of text which is frustrating to remove each time. Does anyone happen to know if there's a way around this issue, such as changing what it fills as placeholder content?

Thanks so much.

To make right border appear, add this to Design > Custom CSS

.content-fit {
    overflow: visible !important;
}