Why not use just DIV element, instead of SVG? And make it within Webflow ?
For example: Hero section, and section below. Both Section position is Relative.
Inside of hero - make a Gradient DIV same gradient as section below, set height to 400px (adjust as needed), and width 100%. And it’s position is Absolute, and aligned to bottom.
Then apply Transforms to the DIV section, skew and move down.
I Have attached an example below:
Live preview: http://kristaps-template.webflow.io/jquery-and-stuff
Editor Preview: https://preview.webflow.com/preview/kristaps-template?preview=3cce397233aa14aca53ba2adc0b952cc ( Select second page )
Hope this helps.