Random artifacts on components nested in grid

I’ve noticed that when I embed some components in a grid, I start to get random artifacts on the edges and corners. It seems to be associated with position, some positions have the problem, others don’t.

Does anyone have ideas for what is happening and how it might be fixed?

Here’s an example. The component and BG image are the same on all tiles but some have artifacts (random border on 1 side, poor corner anti-aliasing)

Example screenshot (Mac Safari)


Here’s the background image, it does not appear to have any issues at the edges.


Here is my site Read-Only: Webflow - 2024CS