Images Updated

components/homes/home-1/About.jsx

@@ -13,7 +13,7 @@ export default function About() {
       >
         <div className="about-shape-1 float-bob-x">
           <Image
-            src="/assets/img/about/about-shape-1.png"
+            src="/assets/img/about/top-right.webp"
             width={114}
             height={419}
             alt="img"
@@ -21,7 +21,7 @@ export default function About() {
         </div>
         <div className="about-shape-2 float-bob-x">
           <Image
-            src="/assets/img/about/about-shape-2.png"
+            src="/assets/img/about/bottom-left.webp"
             width={318}
             height={408}
             alt="img"
@@ -45,15 +45,17 @@ export default function About() {
                     data-wow-delay=".4s"
                   >
                     <Image
-                      src="/assets/img/about/02.jpg"
+                      src="/assets/img/about/about-small-image.webp"
                       width={260}
                       height={270}
+                      style={{ height: '200px', objectFit: 'cover' }}
                       alt="img"
                     />
+
                   </div>
                   <div className="about-line-shape">
                     <Image
-                      src="/assets/img/about/about-shape-3.png"
+                      src="/assets/img/about/right-side-scale-img.webp"
                       width={30}
                       height={545}
                       alt="img"