Почему мой элемент "Добро пожаловать" не отображается в Safari при переходе с другого веб-сайта, но отображается при обновлении страницы?

Question

Я работаю над своим личным сайтом и по прибытии на мой сайт "Добро пожаловать". отображается, затем исчезает, затем исчезает основное содержание (супер базовое). Эта функция работает в любом браузере, который я пробовал, но не в Safari. Это работает, если я обновляю страницу моего веб-сайта или нажимаю на мою ссылку, но не работает, если я вставляю свой URL в адресную строку. «Добро пожаловать». не отображается, но все остальное исчезает. Просто выглядит, как страница зависает, пока содержимое не исчезает, не показывая "Добро пожаловать". затухание.

Я пробовал несколько разных стратегий (например, ожидание срабатывания различных событий DOM).

Я использую jQuery для моего постепенного появления и исчезновения, вот js:

$(window).on("load",function () {
    $('#first').imagesLoaded({ background: true }, function () {
        $("#welcome").fadeOut(1500);
        setTimeout(function () {
            $("#content").fadeIn(1300);
        }, 1430);
    });
});

Я жду загрузки оконных объектов, затем жду загрузки моего фонового изображения (очень большого даже после сжатия), прежде чем выполнить какое-либо из замирания. Это прекрасно работает везде и всегда, КРОМЕ при переходе на мой сайт с другого сайта в Safari по URL в адресной строке.

Вот CSS:

body {
    display: grid;
    place-items: center center;
}

#content {
    display: none;
}

#welcome {
    font-size: 5em;
}

Я ожидаю, что Safari отобразит "Welcome.", Исчезнет "Welcome.", Исчезнет в основном контенте. Вместо этого он зависает на секунду, затем исчезает в моем основном контенте.

Это работает, когда вы нажимаете на ссылку, но не работает, когда вы вставляете URL в адресную строку: https://jake -chambers.github.io