Grid layout on my site

Hi, I’m trying to create a grid like layout on my page using the grid and its not quite working. The photos are in place and are (or should be) the same size but they don’t look even. The bottom right corner of the first photo and the top left corner of the second photo should be touching. How can I fix this? This is on the homepage of my site. I’ve included an image of the section.

I’m also trying to get a button on each photo. How can I do this? When I try to add a button it takes up the full grid.

Lastly, How can I get this to present well on mobile. Right now this isn’t presenting well for mobile. I’d like these to stack on mobile… how would this work?


https://preview.webflow.com/preview/blog-1-324f36?utm_source=blog-1-324f36&preview=eb5ad576e3e11f04021f19204b042860![54%20AM|690x341](upload://jNrLSNBJXG74JKsWjEVYtyGJdGL.jpeg)