From bd9085e0859fac8c7a180f50370969b1cc4ed32e Mon Sep 17 00:00:00 2001
From: Nancy Verma <nancy45815@gmail.com>
Date: Thu, 11 Jun 2026 20:15:57 +0530
Subject: [PATCH] Refactor Hero component background div for responsiveness

---
 src/components/home/Hero.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/home/Hero.tsx b/src/components/home/Hero.tsx
index 9e063db4..7058a31d 100644
--- a/src/components/home/Hero.tsx
+++ b/src/components/home/Hero.tsx
@@ -90,10 +90,11 @@ export default function Hero() {
     <section className={styles.hero}>
       <InteractiveBackground />
       {/* Background 3D Model */}
-      <div className="absolute inset-0 z-0 opacity-80 pointer-events-none">
+      <div className="absolute md:inset-0 bottom-0 left-0 right-0 top-[35%] md:top-0 h-[45vh] md:h-full z-0 opacity-30 md:opacity-80 pointer-events-none overflow-hidden">
         <HeaderScene />
       </div>
 
+
       <div className={`${styles.content} relative z-10`}>
         <div className="flex flex-col items-center gap-6 mb-8">
           <div className="relative w-full max-w-[800px] mb-4">