Website displaying differently on IOS and Android

Hello, I am having a few issues with my site.

  1. The circle background animation is causing my site to be slow and juddery I think and slow down loading times. Any help on how I can optimise this? When I remove it, it works fine.
    So you know - the code to make the circles move is native webflow. The code to make them change colour is GSAp and attributes.
  2. The circle background is also not working on IOS. The colours are blown out and the scale of the circles is too big. Any ideas why that is happening and how I can stop it?

Thank you
https://styleguid-4f1889-a6f77904e1c2edaca732b8.webflow.io/


Here is my site Read-Only: LINK
: Webflow - Copy of Styleguid