反向剪切蒙版正弦波 - 使用 CSS

我想用 SVG（或 CSS 多边形）创建一个剪贴蒙版，但不是显示 SVG 所代表的内容，而是希望 SVG“剪辑”<div> 并隐藏由SVG。

所以看下图，我想在手机图片的底部创建一个正弦波，这样图像（这是一个背景图片）就会在底部被一个正弦波剪掉。

我在 clip-path 和遮罩上花费了大量时间，但似乎没有任何效果。由于 clip-path 不能做曲线，它似乎不起作用，这就是我使用 SVG 的原因。