Не работает jQuerry код именно в Safari

Подскажите почему данный код в Safari не работает? Версия 13.0.5 В Chrome работает нормально. Он должен открывать изображение на весь экран и затемнять фон при клике.

Скорее всего дело в JS

(function($){
  $(".merch-img").on('click', function(){
    var img = $(this);
    var src = img.attr('src');
    $(".view-section--content").append("<div class='popup'>"+
             "<div class='popup_bg'></div>"+
             "<img src='"+src+"' class='popup_img' />"+
             "</div>");
    $('.view-menu').css('z-index', '0');
    $('.view-header').hide();
    $(".popup").fadeIn(400);
    $(".popup_bg").click(function(){
      $(".popup").fadeOut(400);
      setTimeout(function() {
        $(".popup").remove();
        $('.view-menu').css('z-index', '20');
      }, 800);
      $('.view-header').show();
    });
  });
})(jQuery);

Но возможно и со стилями что-то:

.popup {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    text-align: center
}

.popup_bg {
    background: rgba(0, 0, 0, .4);
    position: fixed;
    z-index: 1;
    height: 100%;
    width: 100%
}

.popup_img {
    position: relative;
    z-index: 2;
    max-height: 94%;
    max-width: 94%;
    margin: 1% 0 0 0
}

И страница, о которой идёт речь, если вдруг нужна кому-то: