split the contact section layout evenly

Author: earth-walker

website/src/components/Contact.astro

@@ -5,7 +5,7 @@ import { Content } from "../assets/text/Contact.md";
 <section id="contact">
   <div class="max-w-[130ch] mx-auto">
     <div class="flex flex-row">
-      <div class="sm:w-2/5 p-6 py-12">
+      <div class="sm:w-1/2 p-12 pr-6">
         <div class="prose prose-headings:text-left">
           <Content />
         </div>
@@ -53,9 +53,9 @@ import { Content } from "../assets/text/Contact.md";
           />
         </form>
       </div>
-      <div class="w-3/5 h-180 hidden sm:flex">
+      <div class="w-1/2 h-180 hidden sm:flex">
         <div
-          class="w-full m-12 bg-[url(../assets/backgrounds/man-in-office.webp)] bg-cover bg-center justify-center rounded-2xl"
+          class="w-full m-12 ml-6 bg-[url(../assets/backgrounds/man-in-office.webp)] bg-cover bg-center justify-center rounded-2xl"
         >
         </div>
       </div>