Morphing between elements.

Open index.html and add view transition names to every recipe image or container that you want to morph from, such as:

<div style="view-transition-name: fish-tacos" id="recipe-week">

Now open every recipe HTML, find the recipe image and add the same view transition name, such as in fish-tacos.html:

<img style="view-transition-name: fish-tacos" src="images/original/fish-tacos-with-pickled-onion.png">

Test the transition in the browser.