Masonry Grid not "flush" - leaving 1px space at bottom

Site URL: https://the-naked-florist.squarespace.com/

I have a couple Masonry grids on my website with a gallery of 3 images.

They all have 1 vertical (ratio 3:4) & 2 horizontal images (ratio 3:2).

However are leaving a 1px gap below the vertical image so they are not fush on the bottom side of the grid.

See images attached.

With no luck I have tried the css code: 

.gallery-masonry .gallery-masonry-item[data-loaded] img {
    height: 100% !important;
}

Any suggestions

Hi. What is password?

TNF21 🙂

On 12/2/2021 at 4:27 AM, esbb said:

TNF21 🙂

Did you solve? It is fine here

Unfortunately not. The others seem fixed but the first gallery on the homepage is still viewing with the small gap on my computer. I have found it can be temperamental.

On 12/4/2021 at 4:16 PM, esbb said:

Unfortunately not. The others seem fixed but the first gallery on the homepage is still viewing with the small gap on my computer. I have found it can be temperamental.

I tried resize browser & it is fine here. You try posting to Squarespace Customization Resource Group on Facebook