css如何设置不规则阴影

项目中用到不规则图片做背景，需要用到阴影效果，如图：

<img alt=\"CSS如何设置不规则阴影\” alt=\”在这里插入图片描述\” src=\”https://www.freexyz.cn/d/file/20210426/a01c8a5f74b48103762f662fd7a11b2a.png\” />

如果用阴影box-shadow会出现凹陷的半圆在白色背景显示不出来。
可以使用css 实现阴影效果，解决需求。

filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));