Responsive irregular background shape with CSS

Question

I have been trying to achieve the same result as shown in the image with plain CSS. I have tried using a background image (cover...), but it\'s not responsive (cuts the shape) I

Answer 1

I would use 3 divs, first and last with background-images (the irregular shape) and the one in the middle with background-color instead.