Интерактивный эффект CSS маски на изображении

Иногда, мы видим удивительные вещи в CSS, и это может пробуждать наш интерес, не только скопировать подобное поведение или код, но и попробовать воссоздать их самостоятельно на основе тех знаний что у нас есть. И часто бывает что мы что-то новое изучим для самих себя, а чем больше у нас знаний и опыта их применения, тем больше у нас свободы в творчестве. PS: уже при просмотре видео заметил что код не сильно оптимизирован, в частности определение события onanimationstop можно вынести вниз там где на элементы навешивается обозреватель (observer.observe(element)) ну и величину 0.1 можно занести в константу чтобы не прописывать в двух местах, однако это уже детали реализации и на понимание темы не должно оказывать влияния.