Start animation only when scrolling to a specific block?

Question

css

There is a typed text animation that fires immediately when the page loads, and when I scroll to the block that is in front of the footer, the animation is already over. How to do it correctly so that the animation starts (the text starts to be printed), only if the user has scrolled to a certain section.blog

Thank you.