Huddle Landing Page HTML, CSS, CSS Flexbox, Media Queries

Was just curious how you would go about implementing the curvy images? I ended up creating a div and putting the image there then creating the container for the content below it and setting the background color of that container to the same color of the image.

I first thought that I could use the whole image provided into a background image and just sizing it so it fits the whole container. However this was pretty difficult, so i ended up creating separate divs and setting a display: inherit so that both the image and background colors become one.

Just wanted a different perspective on how one could go about making those curvy sections.

Thanks!!