Gallery block carousel crops bottom row (or two) of pixels of images

Hey SqaureSpacers, gallery block carousels are cropping the bottom row or two of pixels of images throughout my site

Scroll down on the reference page (and other blog "/impact/" pages) to see examples, or look carefully at the bottom edge of the image uploaded to this post where the 1px grey border disappears (pls ignore the left edge; they're fine)

Was evident before I applied CSS border and border-radius, although they make it more obvious

Thanks for any help!

If recommending a CSS solution, please include site-wide selector rather than block-ID, TY!

Show like this? Can you disable auto scroll? We can check code easier

Thanks for taking a look, @tuanphan

I've disabled autoscroll for a gallery block in a new page (link below, need to keep the above example scrolling as it's live).

I also tried adding your code above as CSS; it disabled the border and border-radius (your new CSS now removed).

If you also have a solution to my CSSd gallery 20px right-margin between images offsetting them cumulatively an additional 20px from the left edge of the block (so last image gets right-cropped significantly), I'd appreciate it.

https://matter.media/gallery-test