GRID elements overlapping each other

Hi,

I have a grid 3x2 on the homepage with pictures + title in each grid. On a big screen it all looks good but when you are working on a smaller screen, the gap between the grid elements gets smaller and smaller until they eventually overlap each other on a really small screen desktop screen.

How to fix this problem? Like there is still a gap between the grid elements when you are working on a smaller screen.


This is how it looks on a bigger screen.

image
This is how it looks a smaller screen.

My website: Webflow - Protonna