diff --git a/index.html b/index.html
index 33c8666..ab29edb 100644
--- a/index.html
+++ b/index.html
@@ -673,7 +673,9 @@
         style="
           position: relative;
           padding: 0px 7vw;
-          background-image: url("./resources/readyimages/hero_background.png");
+          background-image: url("./resources/bg.webp");
+          background-position: top;
+          background-size: cover;
         "
       >
         <div class="w-2/2 ">
@@ -721,7 +723,7 @@
         </div>
       </div>
 
-      <div class="flex flex-col text-white lg:hidden w-full" id="home">
+      <div class="flex h-screen flex-col text-white lg:hidden w-full" id="home">
         <!-- Heading Section -->
         <div class="pt-24 px-7">
           <h1
@@ -735,7 +737,7 @@
         <!-- Image Section -->
         <div class="flex-1 mt-40 mb-10 relative">
           <img
-            src="./resources/readyimages/hero_background.png"
+            src="./resources/bg.webp"
             alt="NFT Experience"
             class="w-full h-full object-cover"
           />
diff --git a/resources/bg.webp b/resources/bg.webp
new file mode 100644
index 0000000..bdc5915
Binary files /dev/null and b/resources/bg.webp differ