Flex fix

frontend/src/pages/WorkWithUs.jsx

@@ -18,7 +18,7 @@ const api_url = process.env.REACT_APP_API_URL;
 const download = {
   downloadFilePath: `${process.env.PUBLIC_URL}/DiligentCompanyOverview.pdf`,
   downloadFileName: 'Diligent Company Overview.pdf',
-}
+};
 
 const strapiPopulate = [
   'Heading',
@@ -221,38 +221,38 @@ const WorkWithUs = () => {
                   </div>
                 </div>
               ) : null}
-              <div className="absolute w-full top-0 z-[-1]">
+              <div className="flex absolute w-full top-0 z-[-1]">
                 <div className="w-[624px] h-[624px] bg-indigo-500 opacity-25 rounded-full mx-auto blur-[100px]"></div>
               </div>
             </Wrapper>
           </div>
           {data ? (
-            <div className='md:mb-[200px]'>
-              <div className='w-full relative scale-image mt-12 z-[-1]' >
-              <div className='radial-gradient absolute top-0 left-0 right-0 bottom-0'></div>
-              <div className="max-w-custom mx-auto">
-                <img
-                  src={api_url + data.OfficeImg.data.attributes.url}
-                  alt={data.OfficeImgAlt}
-                ></img>
+            <div className="md:mb-[200px]">
+              <div className="w-full relative mt-12 z-[-1]">
+                <div className="radial-gradient absolute top-0 left-0 right-0 bottom-0"></div>
+                <div className="max-w-custom mx-auto">
+                  <img
+                    src={api_url + data.OfficeImg.data.attributes.url}
+                    alt={data.OfficeImgAlt}
+                  ></img>
+                </div>
               </div>
-            </div>
-            <div className='max-w-[600px] mx-[16px] md:mx-auto md:mt-[-320px] p-[24px] flex flex-col gap-[24px] z-20 bg-white rounded-[16px] shadow-[0_3px_10px_rgb(0,0,0,0.2)] md:shadow-none'>
-              <div className='flex flex-col gap-[8px]'>
-                <h6 className='n-h3-heading text-dark-gray font-bold'>{data.Download.title}</h6>
-                <p className='n-paragraph'>{data.Download.paragraph}</p>
+              <div className="max-w-[600px] mx-[16px] md:mx-auto md:mt-[-320px] p-[24px] flex flex-col gap-[24px] z-20 bg-white rounded-[16px] shadow-[0_3px_10px_rgb(0,0,0,0.2)] md:shadow-none">
+                <div className="flex flex-col gap-[8px]">
+                  <h6 className="n-h3-heading text-dark-gray font-bold">
+                    {data.Download.title}
+                  </h6>
+                  <p className="n-paragraph">{data.Download.paragraph}</p>
+                </div>
+                <CustomLink
+                  href={download.downloadFilePath}
+                  downloadFile={download.downloadFileName}
+                  context={'Company Overview'}
+                >
+                  <p>{data.Download.button}</p>
+                </CustomLink>
               </div>
-              <CustomLink
-              href={download.downloadFilePath}
-              downloadFile={download.downloadFileName}
-              context={'Company Overview'}
-            >
-              <p>{data.Download.button}</p>
-              
-            </CustomLink>
-            </div>
             </div>
-            
           ) : null}
 
           <Wrapper padding={' py-90p'}>