diff --git a/src/pages/aboutus.tsx b/src/pages/aboutus.tsx
index a20b659..c262a10 100644
--- a/src/pages/aboutus.tsx
+++ b/src/pages/aboutus.tsx
@@ -11,7 +11,7 @@ const Aboutus = () => {
               alt=""
               height={500}
               width={600}
-              src="/oc.jpg"
+              src="/oc.webp"
               className="w-full px-8 rounded-3xl object-contain hidden sm:block pt-8 relative z-10"
             />
             <p className="text-white text-justify py-12 px-8 md:text-sm">
@@ -29,7 +29,7 @@ const Aboutus = () => {
             alt=""
             height={500}
             width={600}
-            src="/oc.jpg"
+            src="/oc.webp"
             className="w-[35vw] rounded-xl object-contain sm:hidden relative z-10"
           />
         </div>
diff --git a/src/pages/showcase.tsx b/src/pages/showcase.tsx
index fcf3e39..26beb07 100644
--- a/src/pages/showcase.tsx
+++ b/src/pages/showcase.tsx
@@ -14,7 +14,7 @@ const Showcase = () => {
               alt=""
               height={500}
               width={600}
-              src="/bitwars.jpg"
+              src="/bitwars.webp"
               className="w-[35vw] rounded-xl object-contain sm:hidden relative z-10"
             />
             <div className="shadow-md shadow-[#292761] flex flex-col items-center w-full rounded-2xl text-center bg-gradient-to-br from-[#100e1773] via-[#10345676] to-[#100e177e] border border-white/[0.2] lg:px-12 px-8 py-12">
@@ -22,7 +22,7 @@ const Showcase = () => {
                 alt=""
                 height={500}
                 width={600}
-                src="/bitwars.jpg"
+                src="/bitwars.webp"
                 className="w-full px-8 sm:px-0 rounded-3xl object-contain hidden sm:block pt-8 relative z-10"
               />
               <p className="text-white text-justify md:text-sm my-8">