overflow xs

app/page.tsx

@@ -3,7 +3,7 @@ import Image from "next/image";
 
 export default function Home() {
   return (
-    <section className="h-screen p-12 lg:p-24 bg-stone-950 relative z-[1] overflow-auto">
+    <section className="h-screen p-12 lg:p-24 bg-stone-950 relative z-[1] overflow-y-auto">
       <Form>
         <header>
           <h1 className="text-white font-bold text-3xl">
@@ -15,7 +15,7 @@ export default function Home() {
           </h2>
         </header>
       </Form>
-      <div className="w-[400px] h-[400px] bg-gradient-to-br from-amber-300 to-amber-600 absolute left-0 top-0 -z-[1] blur-[230px]" />
+      <div className="w-full lg:w-[400px] h-[400px] bg-gradient-to-br from-amber-300 to-amber-600 absolute left-0 top-0 -z-[1] blur-[150px] lg:blur-[230px]" />
     </section>
   );
 }