diff --git a/src/components/sections/Contact.section.tsx b/src/components/sections/Contact.section.tsx
index 5b173a7c..33d9514e 100644
--- a/src/components/sections/Contact.section.tsx
+++ b/src/components/sections/Contact.section.tsx
@@ -1,46 +1,70 @@
 import React from 'react';
-import { TopBorder, BottomBorder, MiddleBody, ArrowRightIcon, Hawk, BirdParts } from '@assets';
+import {
+    TopBorder,
+    BottomBorder,
+    MiddleBody,
+    ArrowRightIcon,
+    Hawk,
+    BirdParts,
+} from '@assets';
 import { SocialIcons } from '@components';
 
 const ContactSection: React.FC = () => {
     return (
         <section className="contact-section relative z-10">
-            <img src={TopBorder} className="w-full z-0" />
-            <img src={Hawk} className="absolute right-0 top-0 transform -translate-y-1/2 scale-100 -z-10" />
-            <img src={BirdParts} className="absolute right-0 top-0 transform -translate-y-[42.5%] translate-x-[1%] scale-100 z-50 lg:-translate-x-[5%]" />
-            <div className="absolute inset-x-0 mx-auto max-w-4xl px-5 pt-10 sm:pt-16 md:pt-20 lg:pt-32 xl:pt-32 z-10">
-                <div className="contact-info text-center sm:text-left mb-2 sm:mb-4 md:mb-6 lg:mb-12">
-                    <h2 className="font-raleway text-2xl sm:text-4xl md:text-5xl lg:text-8xl font-extrabold leading-tight tracking-wider text-[#32848C]">CONTACT US</h2>
+            <img src={TopBorder} className="z-0 w-full" />
+            <img
+                src={Hawk}
+                className="absolute right-0 top-0 z-[-1] w-full max-w-5xl -translate-x-2  -translate-y-1/2 md:-translate-x-3 xl:right-10 2xl:right-52"
+            />
+            <img
+                src={BirdParts}
+                className="absolute right-0 top-0 z-50 w-full max-w-5xl -translate-y-[42.5%] xl:right-10 2xl:right-52"
+            />
+            <div className="absolute inset-x-0 z-10 mx-auto max-w-4xl px-5 pt-10 sm:pt-16 md:pt-20 lg:pt-32 xl:pt-32">
+                <div className="contact-info mb-2 text-center sm:mb-4 sm:text-left md:mb-6 lg:mb-12">
+                    <h2 className="font-raleway text-2xl font-extrabold leading-tight tracking-wider text-[#32848C] sm:text-4xl md:text-5xl lg:text-8xl">
+                        CONTACT US
+                    </h2>
                     <p className="text-md lg:text-lg xl:mt-9">
-                        Reach out at <b>hello@hawkhacks.ca</b> for any help or support, and please be sure to join the <b>HawkHacks Discord</b> community!
+                        Reach out at <b>hello@hawkhacks.ca</b> for any help or
+                        support, and please be sure to join the{' '}
+                        <b>HawkHacks Discord</b> community!
                     </p>
                 </div>
                 <div className="newsletter text-center sm:text-left lg:mt-6">
-                    <h3 className="text-[#32848C] font-bold font-raleway text-lg md:text-xl lg:text-2xl">Sign up for our newsletter!</h3>
-                    <div className="flex flex-col items-center sm:items-start mt-2 md:mt-4">
-                        <div className="relative w-full sm:w-1/2 lg:max-w-lg mb-4 sm:mb-6"> {/* Adjusted margin-bottom for small screens */}
+                    <h3 className="font-raleway text-lg font-bold text-[#32848C] md:text-xl lg:text-2xl">
+                        Sign up for our newsletter!
+                    </h3>
+                    <div className="mt-2 flex flex-col items-center sm:items-start md:mt-4">
+                        <div className="relative mb-4 w-full sm:mb-6 sm:w-1/2 lg:max-w-lg">
+                            {' '}
+                            {/* Adjusted margin-bottom for small screens */}
                             <input
                                 type="email"
                                 placeholder="Enter your email"
-                                className="border-2 border-gray-400 bg-white h-12 pl-4 pr-12 rounded-lg text-sm w-full focus:outline-none"
+                                className="h-12 w-full rounded-lg border-2 border-gray-400 bg-white pl-4 pr-12 text-sm focus:outline-none"
                             />
                             <button
                                 type="submit"
-                                className="absolute inset-y-0 right-0 flex items-center justify-center px-4 w-12 rounded-r-lg focus:bg-transparent focus:outline-none shadow-none"
+                                className="absolute inset-y-0 right-0 flex w-12 items-center justify-center rounded-r-lg px-4 shadow-none focus:bg-transparent focus:outline-none"
                             >
                                 <img src={ArrowRightIcon} alt="Submit" />
                             </button>
                         </div>
                         <div className="pt-2 sm:pt-4">
-                            <SocialIcons color='#32848C' />
+                            <SocialIcons color="#32848C" />
                         </div>
                     </div>
                 </div>
             </div>
-            <img src={MiddleBody} className="w-full h-[300px] sm:h-[350px] md:h-[400px] lg:h-[700px] z-0 object-cover" />
-            <img src={BottomBorder} className="w-full z-0" />
+            <img
+                src={MiddleBody}
+                className="z-0 h-[300px] w-full object-cover sm:h-[350px] md:h-[400px] lg:h-[700px]"
+            />
+            <img src={BottomBorder} className="z-0 w-full" />
         </section>
     );
 };
 
-export { ContactSection };
\ No newline at end of file
+export { ContactSection };
diff --git a/src/components/sections/SponsorFAQ.section.tsx b/src/components/sections/SponsorFAQ.section.tsx
index ce4b0380..c01e0ddf 100644
--- a/src/components/sections/SponsorFAQ.section.tsx
+++ b/src/components/sections/SponsorFAQ.section.tsx
@@ -71,12 +71,12 @@ const SponsorFAQSection = () => {
                 <img
                     src={Hawk}
                     alt="Bird"
-                    className="absolute left-0 top-0 z-[-1] -translate-y-1/2 scale-100 scale-x-[-1] transform"
+                    className="absolute left-0 top-0 z-[-1] w-full max-w-5xl -translate-y-1/2 scale-x-[-1] xl:left-10 2xl:left-52"
                 />
                 <img
                     src={BirdParts}
                     alt="Bird Parts"
-                    className="absolute left-0 top-0 z-50 -translate-x-[1%] -translate-y-[42.5%] scale-100 scale-x-[-1] transform lg:translate-x-[5%]"
+                    className="md: absolute left-0 top-0 z-50 w-full max-w-5xl  -translate-x-2 -translate-y-[42.5%] scale-x-[-1] md:-translate-x-3 xl:left-10 2xl:left-52"
                 />
                 <div className="relative">
                     <img
@@ -85,7 +85,7 @@ const SponsorFAQSection = () => {
                         className="z-10 h-[810px] w-full object-cover sm:h-[925px] md:h-[925px] lg:h-[950px]"
                     />
                     <div className="absolute bottom-0 left-0 right-0 top-6 flex flex-col items-center space-y-6 pt-[110px] sm:space-y-12">
-                        <div className="absolute left-1/2 top-6 -translate-x-1/2 transform ">
+                        <div className="absolute left-1/2 top-6 -translate-x-1/2 transform">
                             <div className="font-raleway vs:text-[60px] text-center text-[50px] font-black leading-[117px] tracking-widest text-[#404040] drop-shadow-lg sm:text-[80px]">
                                 SPONSORS
                             </div>
@@ -235,7 +235,7 @@ const SponsorFAQSection = () => {
                 id="faq-section"
                 className="lg:py bg-brightUbe bg-faq-image bg-cover py-12"
             >
-                <div className="container mx-auto px-4 max-w-7xl">
+                <div className="container mx-auto max-w-7xl px-4">
                     <div className="mb-10 text-center">
                         <h2 className="mt-60 text-center font-bold text-white drop-shadow-md lg:text-6.5xl xl:text-7.5xl">
                             FAQ