奇怪的 WebKit png 图像渲染问题

Question

在带有 Elementor Pro builder 的 WordPress 网站上，我上传了一个白色的圆形 .png 图标，但是，在 macOS Safari 上（在 Chrome 上多次注意到但不再注意到）图像显示但有一些视觉问题 - 细黑色/gray 糟糕的渲染边界（见图 1）。

将图像拖到一边并释放后，或将 Safari 本身拖到另一个屏幕后，渲染问题就消失了（参见图 2）。

只应用了这个 CSS 代码，但是没有它也存在问题（见图 3）：

selector { 
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
}

有什么办法可以解决这个问题吗？或者这是一个 WebKit 问题？

将 Safari 窗口拖到另一个屏幕后，或将图标拖到一边并释放时的外观：

没有任何阴影 CSS 代码：

在我工作的网站上查看链接：liudasbar.dev 附注可在 Safari Private (Incognito) 上重现。