Такие анимации круто использовать в каких-то презентациях. Меня такие штуки на сайтах раздражают. Я листаю и читаю страницы быстро, анимация опаздывает за моим взглядом и отвлекает.
Если всякие intersectionObserver далеки от вас то есть готовые библиотеки - типа AOS который в примере - просто вставляем в тег data и подключаем два файла css + js => смотрим