diff --git a/README.md b/README.md
index 6d108d4..738f4fb 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,10 @@ Mediabunny is a JavaScript library for reading, writing, and converting media fi
 
 <div align="center">
   <a href="https://remotion.dev/" target="_blank" rel="sponsored">
-    <img src="./docs/public/sponsors/remotion.png" width="60" height="60" alt="Remotion">
+    <picture>
+      <source srcset="./docs/public/sponsors/remotion-dark.png" media="(prefers-color-scheme: dark)">
+      <img src="./docs/public/sponsors/remotion-light.png" width="60" height="60" alt="Remotion">
+    </picture>
   </a>
   &nbsp;&nbsp;&nbsp;&nbsp;
   <a href="https://www.gling.ai/" target="_blank" rel="sponsored">
diff --git a/docs/index.md b/docs/index.md
index 65a5618..2addbdb 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -91,7 +91,7 @@ const bundleSizes = [
 
 const sponsors = {
 	gold: [
-		{ image: '/sponsors/remotion.png', name: 'Remotion', url: 'https://remotion.dev/' },
+		{ image: '/sponsors/remotion-light.png', name: 'Remotion', url: 'https://remotion.dev/' },
 		{ image: '/sponsors/gling.svg', name: 'Gling AI', url: 'https://www.gling.ai/' },
 		{ image: '/sponsors/diffusionstudio.png', name: 'Diffusion Studio', url: 'https://diffusion.studio/' },
 		{ image: '/sponsors/kino.jpg', name: 'Kino', url: 'https://kino.ai/' },
diff --git a/docs/public/sponsors/remotion-dark.png b/docs/public/sponsors/remotion-dark.png
new file mode 100644
index 0000000..04e6ea1
Binary files /dev/null and b/docs/public/sponsors/remotion-dark.png differ
diff --git a/docs/public/sponsors/remotion-light.png b/docs/public/sponsors/remotion-light.png
new file mode 100644
index 0000000..74b3592
Binary files /dev/null and b/docs/public/sponsors/remotion-light.png differ
diff --git a/docs/public/sponsors/remotion.png b/docs/public/sponsors/remotion.png
deleted file mode 100644
index f76b061..0000000
Binary files a/docs/public/sponsors/remotion.png and /dev/null differ