过滤阴影显示一瞬间，然后在 Safari 中消失（适用于其他浏览器）

Question

我在悬停状态下的图像上使用滤镜：阴影样式。它适用于除 Safari 之外的所有浏览器。在 safari 中，投影显示一瞬间，然后消失。然而，仔细观察后，似乎在短暂显示阴影后，它仍然存在，但被父 div 切断了。

CSS：

.parent-div img {
     width: 100%;
     -webkit-transition: .1s;
     transition: .1s;
}

.parent-div img:hover {
     -webkit-filter: drop-shadow(0px 6px 11px #aaaaaa);
     filter: drop-shadow(0px 6px 11px #aaaaaa);
}

HTML：

<div class="parent-div">
     <img src="/myImage.png" />
</div>

任何有关如何解决此问题的帮助将不胜感激！