Website animations running on mobile but not on PC

Question

I am applying to college and hence was making an online portfolio type website for my self. Its live @ yadullah.coolpage.biz (ignore the domain name, free domains you know)

Its working just fine when I run it locally, but whenever I upload it to the domain and open it, the animations don't load. After a few refreshes however, they start working.
Strange thing is that the website runs just fine when accessed from mobile phones. I've tried my own Blu Win HD LTE running Monument Browser, and a few android models. All the phones on which the site was tested on ran it perfectly. This issue persists on PC only.

All my images are web optimized. By that I mean they are all below 500kb in size. Other than that there's only text on the website. Tried Chrome and Safari, issue persists

The animations I am using are from the Animate on Scroll library. Check it out here

I really can't figure out what's going wrong.

Answer 1

I am thinking the problem is that the animations are being disabled on a large viewport. Perhaps try overriding the default disable property value. Try passing in null or a condition that will not be met. I.e

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