new photo

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.0.25",
+  "version": "1.1.0",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/pages/About.jsx

@@ -29,7 +29,7 @@ const _data = {
     subheading: 'About Us',
     heading: 'Who We Are',
     imgUrl:
-      'https://lh6.googleusercontent.com/nCX_ne2JiqAAQqxF2ObEIA6EmP_cl6BciWQUqGaIzrgvv83Eo4nhzcqyZw_pYNxnByo=w2400',
+      'https://lh4.googleusercontent.com/4AxnSLGq46gLcFyYdz1508l45FIeIhlsrb02v-AnNenATYLG15qFgIl3pbBfjHVg1nY=w2400',
     paragraph:
       'When ten enthusiasts came together in 2020 with the same vision and impactful goals our journey officially began. We believed that taking small steps could result in meaningful changes and help us succeed in areas of a global pandemic and rapid social changes.',
   },
@@ -201,7 +201,7 @@ export default function About() {
           id="heading"
           className="flex flex-col items-center justify-center max-w-custom m-auto"
         >
-          <div className="mb-8 flex flex-col md:flex-row justify-start items-start w-full px-8 xl:px-0">
+          <div className="mb-8 flex flex-col md:flex-row gap-4 lg-gap-0 justify-start items-start w-full px-8 xl:px-0">
             <div className="w-full md:w-1/2 md:pr-16">
               <h6 className="subheading">{_data.heading.subheading}</h6>
               <h1 className="heading text-dg-secondary mt-2">{_data.heading.heading}</h1>
@@ -210,7 +210,7 @@ export default function About() {
             <img
               src={_data.heading.imgUrl}
               alt="Our Team's image"
-              className="w-full md:w-1/2 text-center"
+              className="w-full md:w-1/2 text-center -ml-2 lg-ml-0"
             />
           </div>
         </section>