Scroll trigger on an element that stays centered

Replicating this site:

I’d like to have a div that scales up in size when the user is “scrolling down”. Catch is I want the div to stay centred (vertically/horizontally) in the viewport while this scale happens.

How can I achieve this?

Thanks for any feedback