diff --git a/components/pages/home/banner.tsx b/components/pages/home/banner.tsx
index 59cc021..2c8c916 100644
--- a/components/pages/home/banner.tsx
+++ b/components/pages/home/banner.tsx
@@ -24,7 +24,7 @@ export function Banner() {
       />
 
       {/* Content Container */}
-      <div className="relative z-20 h-full flex items-center lg:mt-0 md:mt-[20vh] sm:mt-[10vh] mt-0">
+      <div className="relative z-20 h-full flex items-center lg:mt-0 sm:mt-[10vh] mt-[5vh]">
         <div className="max-w-400 mx-auto px-4 sm:px-6 lg:px-8 w-full">
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center h-full">
             {/* Right side - Text Content */}
@@ -57,12 +57,12 @@ export function Banner() {
             </div>
 
             {/* Left side - Firefighters Image */}
-            <div className="flex items-end justify-center overflow-hidden ">
+            <div className="flex items-end justify-center  ">
               <img
-                src="/images/img15.webp"
+                src="/images/homeBanner.png"
                 alt="Firefighters"
                 loading="lazy"
-                className="w-150 h-100 max-[300px]:w-[80vw] object-cover object-right rounded-xl drop-shadow-2xl"
+                className="lg:w-150 w-100 lg:h-150 max-[300px]:w-[80vw] object-cover object-right rounded-xl drop-shadow-2xl"
               />
             </div>
 
diff --git a/public/apple-icon.png b/public/images/apple-icon.png
similarity index 100%
rename from public/apple-icon.png
rename to public/images/apple-icon.png
diff --git a/public/images/homeBanner.png b/public/images/homeBanner.png
new file mode 100644
index 0000000..18d90f1
Binary files /dev/null and b/public/images/homeBanner.png differ