Felix i Jannes Mast

docs/meshtastic.md

@@ -8,16 +8,19 @@ title: Meshtastic
   }
 </script>
 
+<div style="position: relative; height: 100vh; overflow: hidden;">
+  <!-- Bakgrundsvideo -->
   <video autoplay loop muted playsinline
          style="position: absolute; left: 0;
                 height: 77vh; width: 100%;
                 object-fit: cover;
                 filter: blur(10px) brightness(0.7);
-                transform: scale(1.2); /* lite zoom för att dölja kanter */
+                transform: scale(1.2);
                 z-index: -2;">
     <source src="../assets/Felix_i_Jannes_mast_2.webm" type="video/webm">
   </video>
 
+  <!-- Främre video -->
   <video autoplay loop muted playsinline
          style="position: absolute; left: 50%;
                 transform: translate(-50%, -50px);
@@ -27,6 +30,7 @@ title: Meshtastic
     Din webbläsare stödjer inte video.
   </video>
 
+  <!-- Knapp -->
   <button onclick="scrollToContent()" 
           style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
                  padding: 12px 24px; font-size: 1.2rem;
@@ -34,6 +38,7 @@ title: Meshtastic
                  cursor: pointer; z-index: 10;">
     ↓ Se mer
   </button>
+</div>
 
 <!-- Mellanrum -->
 <div style="height: 90vh;"></div>