diff --git a/site/factory-fixes-itself.webp b/site/factory-fixes-itself.webp
new file mode 100644
index 0000000..3fe3d5a
Binary files /dev/null and b/site/factory-fixes-itself.webp differ
diff --git a/site/index.html b/site/index.html
index cd54efc..db998e0 100644
--- a/site/index.html
+++ b/site/index.html
@@ -463,7 +463,10 @@
 
     <div class="example">
       <h2>The factory fixed itself</h2>
-      <img src="factory-fixes-itself.jpg" alt="Screenshot: factory files a bug, fixes it, reviews it, and merges — 14 minutes">
+      <picture>
+        <source srcset="factory-fixes-itself.webp" type="image/webp">
+        <img src="factory-fixes-itself.jpg" alt="Screenshot: factory files a bug, fixes it, reviews it, and merges — 14 minutes">
+      </picture>
       <p>
         We filed a bug about the review lifecycle. <strong>14 minutes later</strong>,
         the dev-agent picked it up, built a fix, the review-agent approved it, and it