CSS clip path rounded bottom edge and next site top edge following same curve

Question

I have a design that requires the bottom a section to have a very subtle and for the following section to have the same inverse curve at the top

I know that I can use clip-path in css but it seems to give me a far too much of a rounded curve,

  .element {
      clip-path: circle(69% at 50% 42%)
  }

and for the life of me I can not work out how to an inverse curve for the second section?