pics

src/index.css

@@ -159,6 +159,36 @@
     background-color: hsl(var(--background));
   }
 
+  /* Problem-Section Hintergrundbild: auf Handy maximale Breite, sonst 45% */
+  .problem-section-bg {
+    background-size: 45%;
+  }
+  @media (max-width: 768px) {
+    .problem-section-bg {
+      background-size: 100%;
+    }
+  }
+
+  /* Lösung-Section Hintergrundbild: auf Handy maximale Breite, sonst 45% */
+  .solution-section-bg {
+    background-size: 45%;
+  }
+  @media (max-width: 768px) {
+    .solution-section-bg {
+      background-size: 100%;
+    }
+  }
+
+  /* Was Sie bekommen (Values) Hintergrundbild: auf Handy maximale Breite, sonst 45% */
+  .values-section-bg {
+    background-size: 45%;
+  }
+  @media (max-width: 768px) {
+    .values-section-bg {
+      background-size: 100%;
+    }
+  }
+
   /* Leichter roter Tint auf Inhaltsblöcken der Problem-Sektion */
   .problem-section-tint {
     position: relative;