Custom shape section divider

Hello there,
I want to create a custom shape divider between two sections like this:

How should I prepare that shape? Do I have to put it in an absolute position with some z-index, or is there some other solution?

My idea was to create this shape as a mask of the image, but it is not fully responsive. I also tried to create the shape as an SVG file with a white background that is positioned at the background, but then the image under the section would have a white overlay at the top.

Thank you for your help!

Here is my site Read-Only: Read-only link