Как сделать горизонтальный scroll lottie player внутри div?

Было 2 идеи:

1. Взять библиотеку "import { create } from "@lottiefiles/lottie-interactivity";" и добавить функцию scroll. Но как я понял, у неё нет понятия прикрепления к div, только ко всему окну.

2. Поверх lottie анимации (300 кадров) приделать контейнер. В него засунуть несколько div, чтобы работал скролл (600px в сумме). Затем вычислить размер кадра относительно scrollLeftMax (получается 600px / 300 кадров = 2px/кадр) и если Math.abs(scrollLeft - lastScroll) >= 2px/кадр то можно включить следующий кадр.

   ps lastScroll - предыдущая позиция скрола, которая прошла условие: scrollLeft - lastScroll >= 2

Есть ли варианты легче ? Точно ли нельзя использовать 1 вариант, если можно, то как ?

Вот сам файл лотти, который нужно приделать к скролу: https://lottie.host/2c01fd6c-437d-494e-af27-2a37e322bc60/prXv4Ic6px.json