diff --git a/README.md b/README.md
index 5de4148b..77ed8ca2 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,19 @@
 <div align="center">
-  <img src="./media/header_intent.png" >
+  <picture>
+    <source
+      media="(prefers-color-scheme: dark)"
+      srcset="https://tanstack.com/api/readme/intent.png?theme=dark"
+    />
+    <source
+      media="(prefers-color-scheme: light)"
+      srcset="https://tanstack.com/api/readme/intent.png"
+    />
+    <img
+      src="https://tanstack.com/api/readme/intent.png"
+      alt="TanStack Intent"
+      width="900"
+    />
+  </picture>
 </div>
 
 <br />
diff --git a/media/header_intent.png b/media/header_intent.png
deleted file mode 100644
index 65798085..00000000
Binary files a/media/header_intent.png and /dev/null differ