diff --git a/app/(pre-dashboard)/(landing)/sections/Hero/Hero.tsx b/app/(pre-dashboard)/(landing)/sections/Hero/Hero.tsx
index 39f1620..d855a08 100644
--- a/app/(pre-dashboard)/(landing)/sections/Hero/Hero.tsx
+++ b/app/(pre-dashboard)/(landing)/sections/Hero/Hero.tsx
@@ -53,93 +53,94 @@ export default function Hero() {
   return (
     <>
       <Navbar />
-      <div
-        className="relative flex w-full flex-col items-center justify-center overflow-hidden sm:flex sm:h-[100vh] sm:flex-row-reverse"
-        id="Home"
-      >
-        <div className='relative flex w-full justify-center'>
-          <div className='flex w-full items-end justify-end'>
-            <div className='h-auto w-[790px] xs:max-w-[400px] md:w-[800px] lg:w-[900px] xl:w-[1000px] relative'>
-
-              <div className="md:absolute -bottom-[200px] right-[100px] md:right-[0px] z-10">
-                <Image
-                  src={POKER_IMG[0]}
-                  alt="Poker"
-                  width="1000"
-                  height="1000"
-                  priority
-                />
+      <div className="w-full h-full bg-[#ddc78b] flex justify-center items-center">
+        <div
+          className="relative flex w-full flex-col items-center justify-center
+           overflow-hidden sm:flex sm:h-[100vh] sm:flex-row-reverse max-w-[1100px]"
+          id="Home"
+        >
+          <div className='relative flex w-full justify-center'>
+            <div className='flex w-full items-end justify-end'>
+              <div className='h-auto w-[790px] xs:w-[400px] md:w-[400px] lg:w-[500px] relative'>
+                <div className="md:absolute md:w-[500px] -bottom-[200px] lg:w-[700px] lg:-bottom-[550px] right-[100px] md:right-[0px] md:-bottom-[300px] z-10">
+                  <Image
+                    src={POKER_IMG[0]}
+                    alt="Poker"
+                    width="2000"
+                    height="2000"
+                    priority
+                  />
+                </div>
               </div>
-
             </div>
-          </div>
 
-        </div>
-        <div className="relative flex flex-col items-center justify-center h-auto z-20">
-          <div
-            className="relative left-0 top-0 h-auto w-[790px]
-        xs:max-w-[320px] sm:max-w-[576px] md:w-[500px]
-        md:pl-8 lg:w-[700px] xl:w-[800px]"
-          >
-            <Image
-              src={FIRE_IMG[0]}
-              quality={fireImageQuality}
-              width="900"
-              height="900"
-              alt="Fire"
-              className={
-                "relative"
-              }
-              priority
-            />
           </div>
-          <div className="items-left flex-col">
-            <p
-              className={`${fuzzy.className} text-2xl`}
+          <div className="relative flex flex-col items-center justify-center h-auto z-20">
+            <div
+              className="relative left-0 top-0 h-auto w-[790px]
+            xs:max-w-[320px] sm:max-w-[576px] md:w-[500px]
+            md:pl-8 lg:w-[700px] xl:w-[800px] sm:-mt-52"
             >
-              <span className="text-[#536F91]">THE GAMES ARE </span>
-              <span className="text-[#ADD8E6]">ON!</span>
-            </p>
-            <p
-              className={`${fuzzy.className} text-2xl`}
-            >
-              <span className="text-[#ADD8E6]">Oct 26-27! </span>
-            </p>
-            <div className="mt-10 flex justify-center space-x-4">
-              <button
-                className="z-30 items-center justify-center
-            rounded-lg border-x-4 border-y-2 border-solid
-            border-[#C3557D] bg-transparent text-sm text-[#C3557D]
-            transition-all duration-100 hover:drop-shadow-[0_0_20px_#C3557D]
-            xs:h-[26px] xs:w-[99px]
-            sm:h-[45px] sm:w-[179px]
-            sm:text-lg md:h-[37px]
-            md:w-[145px] lg:h-[42px]
-            lg:w-[168px]"
-                onClick={() => router.push('/signup')}
+              <Image
+                src={FIRE_IMG[0]}
+                quality={fireImageQuality}
+                width="900"
+                height="900"
+                alt="Fire"
+                className={
+                  "relative"
+                }
+                priority
+              />
+            </div>
+            <div className="items-left flex-col">
+              <p
+                className={`${fuzzy.className} text-2xl`}
               >
-                SIGN UP
-              </button>
-              <button
-                className="z-30 items-center justify-center
-            rounded-lg border-x-4 border-y-2 border-solid
-            border-[#EC9655] bg-transparent text-sm text-[#EC9655]
-            transition-all duration-100 hover:drop-shadow-[0_0px_20px_#EC9655]
-            xs:h-[26px] xs:w-[99px]
-            sm:h-[45px] sm:w-[179px]
-            sm:text-lg md:h-[37px]
-            md:w-[145px] lg:h-[42px]
-            lg:w-[168px]"
-                onClick={() => {
-                  if (isLogged) {
-                    router.push('/dashboard');
-                  } else {
-                    router.push('/login');
-                  }
-                }}
+                <span className="text-[#536F91]">THE GAMES ARE </span>
+                <span className="text-[#ADD8E6]">ON!</span>
+              </p>
+              <p
+                className={`${fuzzy.className} text-2xl`}
               >
-                {!isLogged ? 'LOG IN' : 'DASHBOARD'}
-              </button>
+                <span className="text-[#ADD8E6]">Oct 26-27! </span>
+              </p>
+              <div className="mt-10 flex justify-center space-x-4">
+                <button
+                  className="z-30 items-center justify-center
+                rounded-lg border-x-4 border-y-2 border-solid
+                border-[#C3557D] bg-transparent text-sm text-[#C3557D]
+                transition-all duration-100 hover:drop-shadow-[0_0_20px_#C3557D]
+                xs:h-[26px] xs:w-[99px]
+                sm:h-[45px] sm:w-[179px]
+                sm:text-lg md:h-[37px]
+                md:w-[145px] lg:h-[42px]
+                lg:w-[168px]"
+                  onClick={() => router.push('/signup')}
+                >
+                  SIGN UP
+                </button>
+                <button
+                  className="z-30 items-center justify-center
+                rounded-lg border-x-4 border-y-2 border-solid
+                border-[#EC9655] bg-transparent text-sm text-[#EC9655]
+                transition-all duration-100 hover:drop-shadow-[0_0px_20px_#EC9655]
+                xs:h-[26px] xs:w-[99px]
+                sm:h-[45px] sm:w-[179px]
+                sm:text-lg md:h-[37px]
+                md:w-[145px] lg:h-[42px]
+                lg:w-[168px]"
+                  onClick={() => {
+                    if (isLogged) {
+                      router.push('/dashboard');
+                    } else {
+                      router.push('/login');
+                    }
+                  }}
+                >
+                  {!isLogged ? 'LOG IN' : 'DASHBOARD'}
+                </button>
+              </div>
             </div>
           </div>
         </div>
diff --git a/app/(pre-dashboard)/(landing)/sections/Hero/Navbar.tsx b/app/(pre-dashboard)/(landing)/sections/Hero/Navbar.tsx
index 85c5c3a..d61b5c8 100644
--- a/app/(pre-dashboard)/(landing)/sections/Hero/Navbar.tsx
+++ b/app/(pre-dashboard)/(landing)/sections/Hero/Navbar.tsx
@@ -111,7 +111,8 @@ function Navbar() {
 
   return (
     <div
-      className={`z-40 flex w-full justify-end bg-gradient-to-b from-blue-500 to-transparent md:fixed ${longCang.className}`}
+      className={`z-40 flex w-full justify-end bg-gradient-to-b from-blue-500 to-transparent
+        md:fixed ${longCang.className}`}
       id="navbar"
     >
       <div
diff --git a/public/landing/S2025/hero-main-art.png b/public/landing/S2025/hero-main-art.png
index be5192a..1f21465 100644
Binary files a/public/landing/S2025/hero-main-art.png and b/public/landing/S2025/hero-main-art.png differ