Итак. Потрачено несколько дней ввиду моих "зелёных" знаний JS хоть и ответ
Sagrana @sagrana оказался наиболее приемлемым в моём случае. Пишу пошагово как я реализовал отработку анимации при скролле к ней.
Как подключить библиотеку lottie, прописать саму анимацию и подключить её в свой проект я взял здесь -
https://www.youtube.com/watch?v=Shd_Dms3P8I&t=349s
Подключение Lottie и анимации по пунктам:
1. Идем на оф. репозиторий lottie:
https://github.com/airbnb/lottie-web
2. Далее по пути: build / player и выбираем нужную версию lottie
3. Жму на нужную версию и скачиваю этот файл себе в проект нажав на кнопку "Raw".
Откроется содержание файла. Нажимаю правой кнопкой на любом месте этого файла и выбираю "Сохранить как" и сохраняю себе в проект в папку lib.
4. В html создал div с ID "lottie-test".
5. Подключаю скачанный файл lottie перед своим главным файлом js в конце body
