image scale

Author: andrew-l3

components/Footer.tsx

@@ -1,5 +1,6 @@
 import Link from 'next/link';
 //import SponsorLinks from './Sponsors/sponsorlinks';
+import Image from 'next/image';
 import { socialLinks } from '../public/data/data';
 
 const Footer = () => {
@@ -8,9 +9,9 @@ const Footer = () => {
       <div className="sm:flex justify-between pb-10">
         <div className="flex flex-col gap-10">
           <div className="flex items-center">
-            <img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
+            <Image src="assets/csesoc_logo_white.svg" width={231} height={53} alt="CSESoc Logo" />
             <Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
-              <img
+              <Image
                 src="/flag/ollie_is_hiding.png"
                 alt="Ollie"
                 draggable="false"
@@ -19,7 +20,7 @@ const Footer = () => {
                 className="ml-10"
               />
             </Link>
-            <img
+            <Image
               src="/flag/ollie_is_hiding.png"
               alt="Ollie"
               draggable="false"
@@ -32,7 +33,13 @@ const Footer = () => {
             {socialLinks.map((item, index) => {
               return (
                 <a key={index} className="" href={item.href}>
-                  <img className="h-4" src={item.src} alt={item.alt} />
+                  <Image
+                    className="h-4 fill-white min-w-full hover:scale-125 transition-all"
+                    src={item.src}
+                    alt={item.alt}
+                    height={0}
+                    width={0}
+                  />
                 </a>
               );
             })}
@@ -43,9 +50,11 @@ const Footer = () => {
           <p>© 2021 — CSESoc UNSW</p>
         </div>
       </div>
-      <img
+      <Image
         src="assets/sponsors_backdrop.svg"
         alt="Sponsors backdrop"
+        height={0}
+        width={0}
         className="absolute bottom-0 left-0 w-screen -z-10"
       />
     </section>