Fix social media icons

pages/index.tsx

@@ -45,8 +45,8 @@ export default function Index() {
                 className={styles.socialMediaIcon}
                 src='/fb-icon.png'
                 alt='facebook'
-                width={300}
+                width={100}
-                height={300}
+                height={100}
                 loading='lazy'
               />
             </a>
@@ -55,8 +55,8 @@ export default function Index() {
                 className={styles.socialMediaIcon}
                 src='/insta-icon.png'
                 alt='instagram'
-                width={300}
+                width={100}
-                height={300}
+                height={100}
                 loading='lazy'
               />
             </a>

styles/Index.module.scss

@@ -73,13 +73,13 @@
   display: flex;
   justify-content: space-around;
   margin-top: 1rem;
-  width: 50%;
+  width: 30%;
 }
 
 .socialMediaIcon {
-  max-width: 30px;
+  width: 30px;
   margin-bottom: 0;
-  height: 100%;
+  height: 30px;
 }
 
 .postServiceDesc {