Add Enhance Image walkthrough

Author: colepeters

app/docs/md/enhance-ui/image.md

@@ -223,6 +223,12 @@ jobs:
 
 This will ensure that your image caches are warmed each time a production deploy is made.
 
+## Walkthrough
+
+<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/UYfBreIx7W8?si=5vRH9wToaUgqhD7t" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+This walkthrough video covers installing Enhance Image, using the component, configuring the transformation options, and using the `loading` and `fetchpriority` attributes to improve performance.
+
 ## Examples
 
 ### Basic usage
@@ -317,6 +323,7 @@ For this reason, it’s often advantageous (and makes for a clearer implementati
 
 For further details, see [MDN’s documentation on the `sizes` attribute](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes), or their [documentation of the `img` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img).
 
+
 ## Roadmap
 
 The following updates are either planned or currently in active development: