diff --git a/docs/index.md b/docs/index.md
index 7f4e34035ab1..23477e27812a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -3,14 +3,14 @@
 An extremely fast Python package and project manager, written in Rust.
 
 <p align="center">
-  <img alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/629e59c0-9c6e-4013-9ad4-adb2bcf5080d#only-light">
+  <img class="benchmark-image" alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/629e59c0-9c6e-4013-9ad4-adb2bcf5080d#only-light">
 </p>
 
 <p align="center">
-  <img alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/03aa9163-1c79-4a87-a31d-7a9311ed9310#only-dark">
+  <img class="benchmark-image" alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/03aa9163-1c79-4a87-a31d-7a9311ed9310#only-dark">
 </p>
 
-<p align="center">
+<p class="benchmark-caption">
   <i>Installing <a href="https://trio.readthedocs.io/">Trio</a>'s dependencies with a warm cache.</i>
 </p>
 
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 74c705543a0f..a185de08c636 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -85,6 +85,19 @@
   display: inline; /* Show dark images in dark mode */
 }
 
+[data-md-color-scheme="astral-light"] .benchmark-image[src$="#only-light"],
+[data-md-color-scheme="astral-dark"] .benchmark-image[src$="#only-dark"] {
+  display: inline;
+  height: 250px;
+  width: 500px;
+  margin-top: -3rem;
+}
+
+.benchmark-caption {
+  margin-top: -3rem;
+  text-align: center;
+}
+
 /* See: https://github.com/squidfunk/mkdocs-material/issues/175#issuecomment-616694465 */
 .md-typeset__table {
   min-width: 100%;