Image and Section Overlapping


I’m having trouble with the responsiveness of my site. In the hero, the arrow is supposed to stay in the first green section. Also, when i adjust my browser size, some of the images in my grid overlap other sections.

What is wrong with my website structure?

Here is my site Read-Only: