Issues with responsive design, items being hidden etc

Im trying to make a site inspired by the layout of but when the layout for my site is on the mobile layout it gets shifted and messed up, the category/buttons get hidden behind the second photo and the spacing becomes odd.

Here is my site Read-Only: [LINK][1]

[1]: My website

Hi katie,

I had a quick look at your design. To see the buttons on the second picture, set the position to static (one way to fix it) - currently relative.

I don’t really understand what you mean by shifted and messed up, can you please give a few more details? This might be due to your Max H size settings and use of relative positioning.

Welcome to the forums!

When the buttons are set to static they aren’t able to be placed above the images? I’m not sure if im just taking the wrong approach. I just want to replicate the layout as best as possible. And for the shifting i had meant that the spacing between the two images would grow or shrink significantly when looking through the different device views. But I think the issue was fixed!