Edit one side of a rectangle

Design help General
1

Hello,
I have troubled editing the rectangle in which my content is. I would like to make it round like this screen:

Capture d’écran 2020-06-12 à 10.42.45
Capture d’écran 2020-06-12 à 10.42.451624×1460 574 KB

But I can’t find how to it in webflow.
Is there any other way than shaping it in photoshop ?
Thanks,
Andréa

Here is my site Read-Only: Webflow - ICM Investissement Clés en Main
And the website : https://reseau-icm.webflow.io/

2

Hey Andrea,

There’s no way to make one side of a div convex like this.

You have to use another method. I can see two quite evident:

  1. make an image of the curve, with on the bottom and transparent on the top and stick it to the bottom of the upper section, to make a smooth transition to the second section.

or

  1. have a div set to absolute on the background of the second section. make it white and make it super large, larger than your page (use overflow hidden on the parent). Play with the corner radius with values in % to achieve the curve.
3

Hi Vincent, thank you for your answer
I can’t imagine how it adapts on smaller screen, is there a way that the curve is responsive ? Which method is the best in this case ?
Thanks a lot