Using load and animation-play-state to wait till image has loaded

This demo sets a very large image as the background image of the header, and animates it into view. Since the image is large, it might animate too soon, with the image only half loaded. The pen uses some JavaScript to halt any animations on the page until the image has finished loading.