[Scrolltrigger zoom through element and then scroll]

I was referring to Pug and SCSS. I am not entirely sure how to properly integrate it

[Scrolltrigger zoom through element and then scroll]

Hi guys. 

This is super cool. But does anyone know if this is possible to implement this functionality via plain css/js?

 

I am trying to have a borders of a certain county as my starting image. Then, when scrolling down, this country starts zooming out further and further until it transform into a picture of the entire world map. Basically, seanom's original post, but a circle has borders of a specific country. And written in  html/css/js?

 

Thank you.