Web css3 animations on browsers VS android web view

The behavior of css3 animations in conventional web browsers and the android web view differs significantly. I am using a simple slide up and slide down animation for bottom sheets on a page in edge 83.0.474.0 and an android 10 web view for my android app. I did research on smoothing the animation and followed all the principles

• I am using only transform for animations
• tried running animation on GPU
• Also, I only modify the node which is to be animated

Here is the scss code -

And here is the performance graph on edge which is quite impressive -

However in webview performance is very jerky -

Can someone suggest ways in which I can improve the animation on Webview?