Css splash screen animation broken on iphone from 7 and up

There is this existing app i made in ionic, it features a splashscreen with an animated element after the fade-in of the html.
this works flawlessly on all devices except iphone 7 and up.

setting a delay on the animation doesnt work and it only seems to affect the newer iphones from 7 and up.
and wierdly enough the fade-in on the html page works fine

if anyone knows why this is happening id be pleased to hear. for the iphones it also seems to take some time longer for the app to boot than for the android devices

  • ionic version 1.2.0 (its an old project)
  • cordova 6.4.0