diff --git a/demo.html b/demo.html
index 196e4ab..2419fec 100644
--- a/demo.html
+++ b/demo.html
@@ -184,8 +184,8 @@ <h3>Media</h3>
           <audio controls=""></audio>
           <p>This is an image: <code>img</code></p>
           <img
-            src="https://source.unsplash.com/random/400x300"
-            alt="random placeholder image"
+            src="https://images.unsplash.com/photo-1718220216044-006f43e3a9b1?w=400&h=300&fit=crop&q=80"
+            alt="open-plan office workspace"
           />
           <p>
             Wrap the <code>img</code> in a <code>figure</code> to include a
@@ -193,8 +193,8 @@ <h3>Media</h3>
           </p>
           <figure>
             <img
-              src="https://source.unsplash.com/random/400x300"
-              alt="random placeholder image"
+              src="https://images.unsplash.com/photo-1572521165329-b197f9ea3da6?w=400&h=300&fit=crop&q=80"
+              alt="calm office environment"
             />
             <figcaption>
               This image is from <a href="https://unsplash.com/">Unsplash</a>.