How to implement this rounded corners outside the element [on hold]

enter image description here

There's a form in this page. Background has a angled shape. The form has rounded corners with the angled background.

I have tried few things but couldn't find responsive solution. Is there any good ways to implement this using CSS.?