寻找跨浏览器解决方案来剪辑div

Question

处理一个项目，我必须在半透明PNG后面创建一个div。所以使用div我可以改变颜色，但div必须是不同的形状才能与图像匹配（PNG）。

样品：

尝试HTML Canvas，CSS形状，CSS剪辑路径，一个浏览器的解决方案在其他浏览器中不起作用，桌面视图的解决方案无法在移动视图上运行。

寻找解决方案来裁剪div，如附件所示，该解决方案适用于所有浏览器和所有设备（响应）。

全部谢谢