update gradient

superpage/src/pages/[slug].astro

@@ -36,7 +36,21 @@ const { Content } = await render(course);
         <HeaderNav {...data} />
     </Fragment>
 
-    <section class="space-y-6 lg:space-y-24">
+    <section class="space-y-6 lg:space-y-24 relative">
+        <div
+            aria-hidden="true"
+            class="absolute inset-0 grid grid-cols-2 opacity-25 max-lg:hidden"
+        >
+            <div
+                class="blur-[106px] h-76 bg-gradient-to-br to-lime-400 from-lime-700"
+            >
+            </div>
+            <div
+                class="blur-[106px] h-32 bg-gradient-to-r from-lime-400 to-lime-600"
+            >
+            </div>
+        </div>
+
         {/* Course */}
         <Container class="lg:flex items-center justify-start gap-6">
             <Picture