Overflow-x:hidden, overflow-y:visible

Hi there
I’m working on a project that has images between the sections and those images are also overlapping on the edge like so:

there are also images on the right edge.

I managed to position the images right using position absolute, but now I have a sideways scroll. If I set the section to overflow: hidden, the image gets cut horizontally aswell. I tried adding this custom code:

.section-grey, .section-white { overflow-x: hidden; overflow-y: visible; }

but now the section is vertically scrollable.

Does anyone have a solution on how to position the images like this without generating a sidescroll or vertical scroll?

Thank you!

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

Hi @Nathalie here is one way how to

Hope that will help solve your issue.