From 3c8c78d5ea8bfb284a97e7db6ca8cb70f8f983b7 Mon Sep 17 00:00:00 2001
From: sa6anw <joakim@joasve.se>
Date: Sat, 19 Apr 2025 07:17:33 +0000
Subject: [PATCH] Film

---
 docs/index.md | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index 66982bd..137886b 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -2,23 +2,36 @@
 title: Start
 ---
 
+<!-- Videobakgrund med blur -->
+<div style="position: relative; width: 100%; height: 90vh; overflow: hidden;">
 
+  <!-- Blurrad bakgrundsvideo -->
   <video autoplay loop muted playsinline
-         style="position: absolute; left: 50%;
-                transform: translate(-50%, -50px);
-                height: 90vh;
-                object-fit: cover; z-index: -1;">
+         style="position: absolute; top: 0; left: 0;
+                width: 100%; height: 100%;
+                object-fit: cover;
+                filter: blur(20px) brightness(0.7);
+                transform: scale(1.1); /* lite zoom för att dölja kanter */
+                z-index: -2;">
     <source src="assets/drone.mp4" type="video/mp4">
-    Din webbläsare stödjer inte video.
   </video>
 
+  <!-- Skarp centrerad video -->
+  <video autoplay loop muted playsinline
+         style="position: absolute; left: 50%; top: 50%;
+                height: 90vh;
+                transform: translate(-50%, -50px);
+                object-fit: cover;
+                z-index: -1;">
+    <source src="assets/drone.mp4" type="video/mp4">
+  </video>
 
-<!-- Mellanrum -->
-<div style="height: 100vh;"></div>
+</div>
+
+<!-- Spacer -->
+<div style="height: 90vh;"></div>
 
 ---
-
-# SA6ANW
                                                                   
 <div align="center">