如何根据给定的 SVG 将 DIV 的剪辑路径设置为多边形？

如何解决如何根据给定的 SVG 将 DIV 的剪辑路径设置为多边形？

我想使用剪辑路径将 hero--right::after div 设置为基于 SVG 文件的形状。我是初学者，所以这就是我有点菜鸟的原因。

<svg width="669" height="536" viewBox="0 0 669 536" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 625H680V0H427.587C349.956 0 279.194 44.4883 245.547 114.449L0 625Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="277.242" y1="282.534" x2="430.94" y2="581.475" gradientUnits="userSpaceOnUse">
<stop stop-color="#1BABF9"/>
<stop offset="1" stop-color="#1B7AC1"/>
</linearGradient>
</defs>
</svg>

如您所见，svg 图像只有 669 像素宽，我想改为设置 100vw，没有任何更改，它是线性渐变，就像演示中一样。如何使用 SVG 的路径作为剪辑路径：polygon()？或者如何将这个给定的 SVG 设置为 DIV 形状？