Facing frame rate drop on iOS browsers

[code-crusher]

When rendering the Lottie files on iPhone 12 / iOS 14.5 browsers(haven't tested on any other version), there is a frame rate drop in the animation. Same performance issue on Safari, Chrome and Firefox for iOS.

Same implementation over Android works as expected.

Current implementation:

<Lottie 
options={ {
loop: true,
autoplay: true, 
animationData: animationData,
}}
/> 

The size of the Lottie file is ~3MB.

Any advice as to how this can be resolved?