Анимация сайта работает на мобильных устройствах, но не на ПК

Question

Я обращаюсь в колледж и, следовательно, создаю веб-сайт типа веб-портфолио для себя. Его live @ yadullah.coolpage.biz (игнорируйте доменное имя, свободные домены, которые вы знаете)

Его работа прекрасна, когда я запускаю его локально, но всякий раз, когда я загружаю его в домен и открываю его, анимации не нагрузки. Однако после нескольких обновлений они начинают работать.
Странно, что сайт работает очень хорошо при доступе с мобильных телефонов. Я пробовал использовать свой Blu-ray HD LTE с помощью браузера монументов и несколько моделей Android. Все телефоны, на которых был протестирован сайт, отлично работали. Эта проблема сохраняется только на ПК.

Все мои изображения оптимизированы в Интернете. Под этим я подразумеваю, что они все ниже 500 КБ. Помимо этого на веб-сайте есть только текст. Пробовал Chrome и Safari, проблема сохраняется

Анимации, которые я использую, из библиотеки Animate on Scroll. Проверьте это here

Я действительно не могу понять, что происходит не так.

Answer 1

Я думаю, проблема в том, что анимации отключены в большом окне просмотра. Возможно, попробуйте переопределить значение свойства disable по умолчанию. Попробуйте перейти в null или условии, которое не будет выполнено. I.e

AOS.init({disable: window.innerWidth < 0});