mobile title is About Us! and title and Codey are properly centered in mobile styling

pages/about/index.module.css

@@ -6,10 +6,6 @@
   padding-left: 20px;
 }
 
-.title::after {
-  content: " Us!";
-}
-
 .headings h2 {
   color: var(--purple-2);
   font-weight: 600;
@@ -92,16 +88,13 @@
   .title {
     font-size: 24px;
     font-weight: 600;
-  }
-
-  .title::after {
-    content: "";
+    padding-left: 0px;
   }
 
   .codey {
     width: 140.21px;
     height: 124.65px;
-    padding-left: 48px;
+    padding-left: 30px;
   }
 
   .text ul {

pages/about/index.tsx

@@ -9,7 +9,7 @@ export default function AboutUs() {
   return (
     <>
       <div className={styles.titleContainer}>
-        <h1 className={styles.title}>About</h1>
+        <h1 className={styles.title}>About Us!</h1>
         <Image src="/about/codey.svg" className={styles.codey} />
       </div>
       <div className={styles.headings}>