I'm developing a Wordpress website and I have added a custom jQuery code that should be firing a loading animation when the page is loaded: that doesn't work on iPhone devices.

Here is the code:

jQuery(document).ready(function( $ ){

    $(window).load(function() {
        $(".yellow-rhombus-onpageload").css("clip-path" , "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)");
        setTimeout(function() {$(".yellow-rhombus-onpageload").css("display" , "none");}, 1050);
    });
  
});

Basically the "yellow-rhombus-onpageload" div contains an iframe that should disappear once the browser has loaded the page. Instead, the thing doesn't disappear on some iPhone devices i tested, like the iPhone 11 Pro Max and the iPhone 13, both on Safari and Chrome. Everything works fine using Android and Windows devices and even on MacBooks.

What's the issue?