How can I track how the animation is applied?

Question

css

The question may seem strange.
The bottom line is that the site has several elements,
to which, when the page is scrolled, the fadeInRight effect is attached when the page is scrolled by about 500 px.
For my part, I tried to analyze where in the scripts this pop-up effect can be specified.
- in the html markup, these elements do not have data-animation parameters
- searched by id and class (using a script) for the entire file structure.
From the result, it was clear that all js for identifiers is in main.js
- there are no functions like fadeIn () in main.js; for these elements.
- through devTools, it was not possible to find out what makes the blocks pop up.
Guys, are there any tools that allow you to track the executable .js code that is applied to these elements?
it looks like a bug when scrolling the page in the mobile version, i.e. you go down by 500 px and you have a block on the right
that #$%[email protected] is already in the right place.