diff --git a/public/tinyauth-dark.jpg b/public/tinyauth-dark.jpg
new file mode 100644
index 0000000..e85fbe9
Binary files /dev/null and b/public/tinyauth-dark.jpg differ
diff --git a/public/tinyauth-dark.png b/public/tinyauth-dark.png
deleted file mode 100644
index 9470b06..0000000
Binary files a/public/tinyauth-dark.png and /dev/null differ
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 08beb4b..f394031 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -63,7 +63,7 @@ import { Card } from "@astrojs/starlight/components";
                 class="link-button link-button-secondary">Demo</a
             >
         </div>
-        <img alt="Screenshot" src="/tinyauth-dark.png" class="hero-image" />
+        <img alt="Screenshot" src="/tinyauth-dark.jpg" class="hero-image" />
         <div class="feature-card">
             <Card title="Simple"
                 >Tinyauth works out of the box using only environment variables.