add dark mode banner, move image to top

README.md

@@ -1,7 +1,12 @@
 <div align='center'>
+    <br/>
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="banner-dark.png" />
+        <source media="(prefers-color-scheme: light)" srcset="banner.png" />
+        <img src="banner.png" alt="Playwriter - For browser automation MCP" width="600" />
+    </picture>
     <br/>
     <br/>
-    <h3>playwriter</h3>
     <p>Still in development. Not ready to use</p>
     <p>Like Playwright MCP but via extension. 90% less context window. 10x more capable (full playwright API)</p>
     <br/>
@@ -10,9 +15,6 @@
     </a>
     <br/>
     <br/>
-    <img src="banner.png" alt="Playwriter - For browser automation MCP" width="600" />
-    <br/>
-    <br/>
 </div>
 
 ## Installation