fixes docs css

docs/src/content/docs/index.mdx

@@ -7,8 +7,8 @@ hero:
     Welcome to <span class="-tracking-[0.075em] s-y_bCXRrkrYfP">wanderer</span>
   tagline: <span class="-tracking-[0.075em] s-y_bCXRrkrYfP">wanderer</span> is a self-hosted trail database. You can upload your recorded GPS tracks or create new ones and add various metadata to build an easily searchable catalogue.
   image:
-    html: 
-      <video class="rounded-xl" width="600" src="/trailer.mp4" controls autoplay />
+    html: |
+      <video class="rounded-xl hidden md:block" poster="/favicon.svg" width="100%" src="/trailer.mp4" controls autoplay />
   actions:
     - text: Try the demo
       link: https://demo.wanderer.to
@@ -61,4 +61,4 @@ Help is welcome at any time. Check out the [GitHub repository](https://github.co
 
 ## Support <span class="-tracking-[0.075em] s-y_bCXRrkrYfP">wanderer</span>
 
-<span class="-tracking-[0.075em] s-y_bCXRrkrYfP">wanderer</span> is a passion project and will always stay free and open-source. If you like <span class="-tracking-[0.075em] s-y_bCXRrkrYfP">wanderer</span> and want to support it's development you can make a small donation and [buy me a coffee](https://buymeacoffee.com/wanderertrails).
+<span class="-tracking-[0.075em] s-y_bCXRrkrYfP">wanderer</span> is a passion project and will always stay free and open-source. If you like <span class="-tracking-[0.075em] s-y_bCXRrkrYfP">wanderer</span> and want to support it's development you can make a small donation and [buy me a coffee](https://buymeacoffee.com/wanderertrails).

docs/src/custom.css

@@ -8,6 +8,16 @@
 
 
 .card .icon {
-    background-color: transparent!important;
-    border-color: var(--sl-color-text)!important
+    background-color: transparent !important;
+    border-color: var(--sl-color-text) !important
+}
+
+@media (min-width: 50rem) {
+    .hero {
+        grid-template-columns: 7fr 7fr;
+    }
+
+    .hero>.hero-html {
+        width: 100%;
+    }
 }