Как запускать анимацию только тогда, когда элемент находится на определенной позиции экрана?

Я использую реакцию-раскрыть , я бы запускал анимацию только тогда, когда элемент находился на среднем экране или в другой позиции. Как это сделать? Я новичок в анимации css, я предполагаю, что мне нужно отображать компонент только в определенной позиции на экране с помощью CSS, тогда волшебство произойдет,

тем временем, спасибо за любые подсказки