fix: Fixed background image not covering whole width on Contact page. Background image of Meet our prodigies not aligned to left. (#15)

Author: theprakashkumar

src/app/contact/page.tsx

@@ -115,7 +115,7 @@ const Contact = () => {
         </div>
       </section>
       <section className="mb-28 relative">
-        <div className="pl-[7vw]">
+        <div className="ml-auto w-fit">
           <Image
             className="hidden rounded-r-full -scale-x-100 lg:block"
             height={579}
@@ -130,7 +130,7 @@ const Contact = () => {
             src="/assets/mob-contact-v3.jpg"
             alt=""
           />
-          <div className="">
+          <div>
             <div className="absolute w-3/5 sm:w-full max-w-md top-1/2 right-[7vw] -translate-y-1/2">
               <h4 className="text-white font-normal text-lg ml-5 lg:ml-0 sm:text-2xl mb-7 max-w-sm">
                 Meet our prodigies & get an

src/components/PageBackgroundImage.tsx

@@ -18,7 +18,7 @@ const PageBackgroundImage = ({
         <Image
           width={1920}
           height={1476}
-          className="max-w-full align-middle overflow-clip"
+          className="w-full align-middle overflow-clip"
           src={desktopImage}
           alt={alt}
         />