diff --git a/public/assets/home-illustration-small.webp b/public/assets/home-illustration-small.webp
new file mode 100644
index 0000000..29222a8
Binary files /dev/null and b/public/assets/home-illustration-small.webp differ
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0b7197c..918b21f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -14,7 +14,10 @@ const permalink = Astro.site.href;
     </div>
 
     <div class="hero-image-container">
-      <!-- <img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration.webp" width="550" height="466"> -->
+      <picture>
+        <source srcset="/assets/home-illustration.webp" media="(min-width: 600px)">
+        <img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration-small.webp" width="550" height="466">
+      </picture>
       <p class="caption">
         Illustration by
         <a href="https://icons8.com/illustrations/author/5c07e68d82bcbc0092519bb6" target="_blank" rel="noopener">Icons 8</a>