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>