Изменение стиля элемента при прокрутке jQuery. По достижению определенной позиции

Всем привет. Нужна помощь в напутствии на правильную дорогу)) Хочу сделать на jQuery анимацию при скролле, чтоб в мобильной версии сайта, заменялся стиль у блока. В комп версии он работает по hover, а в мобиле, хочу, чтоб если он находится на позиции центра экрана - срабатывала анимация, когда блок покидает центр экрана - анимация обратно уходила.

Приблизительно так выглядят блоки по дефолту

Красная линия должна быть триггером, для начала анимации. Когда верх блока попадает на это пространство (допустим, высотой в пару пикселей) то картинка на блоке меняется

И как только блок покидает поле-триггер, то блок возвращается в исходное состояние

Этот, красный, блок-триггер должен размещаться по центру экрана. Возможно, это будет не блок, а просто позиционирование отступа от верха 50%? Может вообще такое невозможно?

P.S. Не очень хочу использовать сторонние библиотеки, чтоб не нагружать сайт лишним