Add gradient to the background in certain sections

Hi! I'm trying to add a gradient background to certain sections on my website, https://madewithindesign.co/home. The sections end with a rounded divider, and I want everything above that divider to have the gradient but when I try to add some code it only adds it to the actual divider (see image). When the page is loading after I refresh it, I can see that the gradient is there in the background but it's as if it's hidden under the default color/background settings.

The code I've used is the following:

section[data-section-id="663df1440bf95560253a1623"] {
  background: linear-gradient(180deg, #DED8F0, #F5F0E5 );
}

I want the page to look like the design mockup that I've attached.

Can someone help me figure this out, please?

Try this code

section[data-section-id="663df1440bf95560253a1623"] {
  background: linear-gradient(180deg, #DED8F0, #F5F0E5 );
}
section[data-section-id="663df1440bf95560253a1623"] {
.section-border, .section-background {
	background-color: transparent !important;
}
}

Thank you! Your code removed the section background but also the divider. So now the section divider is just a straight line, not the half-moon shape.