diff --git a/website/src/css/design3.css b/website/src/css/design3.css
index 5e5be66c2f..86a05e8ab4 100644
--- a/website/src/css/design3.css
+++ b/website/src/css/design3.css
@@ -628,6 +628,14 @@ main .section-bg {
     pointer-events: none;
 }
 
+main .section-bg {
+    background-image: url("/img/design_3/bg-gradient-desktop-light.jpg"), var(--bg-grad);
+}
+
+.dark main .section-bg {
+    background-image: url("/img/design_3/bg-gradient-desktop.jpg"), var(--bg-grad);
+}
+
 .chrome-ios main .section-bg,
 .safari-ios main .section-bg {
     height: 110lvh;
@@ -713,6 +721,14 @@ main .section-bg {
 }
 
 @media screen and (max-width: 959px) {
+    main .section-bg {
+        background-image: url("/img/design_3/bg-gradient-mobile-light.jpg"), var(--bg-grad);
+    }
+
+    .dark main .section-bg {
+        background-image: url("/img/design_3/bg-gradient-mobile.jpg"), var(--bg-grad);
+    }
+
     .page-2 {
         background-image: url("/img/design_3/section-2-mobile-light.webp");
         background-size: auto calc(var(--cover-bg-h) * 0.84);
diff --git a/website/src/img/design_3/bg-gradient-desktop-light.jpg b/website/src/img/design_3/bg-gradient-desktop-light.jpg
new file mode 100644
index 0000000000..65e00dc9df
Binary files /dev/null and b/website/src/img/design_3/bg-gradient-desktop-light.jpg differ
diff --git a/website/src/img/design_3/bg-gradient-desktop.jpg b/website/src/img/design_3/bg-gradient-desktop.jpg
new file mode 100644
index 0000000000..3f804b5c88
Binary files /dev/null and b/website/src/img/design_3/bg-gradient-desktop.jpg differ
diff --git a/website/src/img/design_3/bg-gradient-mobile-light.jpg b/website/src/img/design_3/bg-gradient-mobile-light.jpg
new file mode 100644
index 0000000000..d6785ee6e2
Binary files /dev/null and b/website/src/img/design_3/bg-gradient-mobile-light.jpg differ
diff --git a/website/src/img/design_3/bg-gradient-mobile.jpg b/website/src/img/design_3/bg-gradient-mobile.jpg
new file mode 100644
index 0000000000..3d86633a10
Binary files /dev/null and b/website/src/img/design_3/bg-gradient-mobile.jpg differ