Translate animations jittering in firefox and safari

Hey all,
I’m working on a webpage right now that uses the ‘while scrolling in view’ interaction to translate a diagram down as the user scrolls to appear fixed to the page. The interaction works great in webflow and google chrome but it is extremely jittery and broken in firefox and safari. I have the interactions set to smoothing: 0% in order to appear fixed to the page. I am using this technique 3 times on the page, starting about 1/3 into the desktop version.

Does anyone know how to solve this issue on firefox and chrome or have any suggestions? I have tried using the images as background images, but then i can’t translate/opacity them in properly. Is there possibly some custom code I can add or animation libraries which can fix this jittering?

Thanks!!!


public share link:
https://preview.webflow.com/preview/dt-space-tourism-e18dce96b48acfbc83f2?utm_medium=preview_link&utm_source=dashboard&utm_content=dt-space-tourism-e18dce96b48acfbc83f2&preview=b7f7ebdb486fb3255a46594420ddd593&mode=preview

published webflow link: