From d68dd20d650004742530b59d87cda355a1f43e6a Mon Sep 17 00:00:00 2001
From: sa6anw <joakim@joasve.se>
Date: Fri, 9 May 2025 17:43:42 +0000
Subject: [PATCH] Fix

---
 docs/index.md | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index 6d534f0..636e60f 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -76,7 +76,8 @@ window.addEventListener('scroll', () => {
 ">
 </div>
 
-<!-- Förgrundsbild -->
+
+<!-- Förgrundsbild 
 <img src="assets/SL6CV.jpg"
      style="
        position: absolute;
@@ -87,6 +88,28 @@ window.addEventListener('scroll', () => {
        width: auto;
        z-index: -1;
      ">
+-->
+
+<!-- Förgrundsbild med korrekt skalförhållande -->
+<div style="
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: -1;
+">
+  <img src="assets/SL6CV.jpg" style="
+    max-height: 100vh;
+    max-width: 100vw;
+    width: auto;
+    height: auto;
+  ">
+</div>
+
 
 <!-- Scrollknapp -->
 <button id="scrollButton" onclick="scrollToContent()"
@@ -97,10 +120,6 @@ window.addEventListener('scroll', () => {
   ↓
 </button>
 
-<!--
-<img src="assets/SL6CV.jpg" alt="Beskrivning" style="width: 100%; height: auto;" />
--->
-
 <!-- Mellanrum -->
 <div  style="height: 95vh;"></div>