Page Load Transition - with Image Manipulation

How do I create a transition where when an image is the transition trigger, but that image stays on the page and transforms from a thumbnail to a header bg (like this Thanks!

Here is my public share link: LINK
(how to access public share link)

Also looking for an answer to this. Is it possible?