В настольном сафари не работает фоновый фильтр

Question

Я пытаюсь добавить эффект размытия фона, используя css, jquery используется, чтобы .imageoverlay скользил вверх и вниз при наведении. Эффект размытия фона отлично работает на chrome, хотя иногда он работает только на сафари, но в большинстве случаев - нет.

.imgoverlay {
  position                  : absolute;
  top                       : 100%;
  left                      : 50%;
  transform                 : translate(-50%, -100%);
  width                     : 100%;
  height                    : 150px;
  border-bottom-right-radius: 0.5vw;
  border-bottom-left-radius : 0.5vw;
  background                : linear-gradient(rgba(98, 98, 98, 0.4), rgba(98, 98, 98, 0.3));
  filter                    : drop-shadow(0px -2px 2px rgba(0, 0, 0, 0.5));
  backdrop-filter           : saturate(180%) blur(3px);
  -webkit-backdrop-filter   : saturate(180%) blur(3px);
  display                   : none;
} 

function dots(){
  $(".dots").off("mouseover mouseleave").on("mouseover mouseleave",function () {
    $(this).parent().find(".imgoverlay").slideToggle(300, "swing")
  })
}