Film

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">