Moved images to assets, rewrote to use Image component, fixed styling issues

src/layouts/customFooter.astro

@@ -1,4 +1,9 @@
 ---
+import okita from '../assets/okita.png'
+import atlas from '../assets/atlas.png'
+import foxcat from '../assets/lurker.png'
+import padoru from '../assets/padoru.png'
+import { Image } from 'astro:assets';
 ---
 
 <footer>
@@ -24,7 +29,7 @@
       rel="noopener noreferrer">Atlas Academy</a
     > for providing the servant and ce images.
     <div class="sticky-image-wrapper">
-      <img src="/assets/atlas.png" alt="" />
+      <Image src={atlas} alt="Icon of Atlas Academy" />
     </div>
   </div>
   <br />
@@ -40,7 +45,7 @@
       rel="noopener noreferrer">FGO Timers here</a
     >
     <div class="sticky-image-wrapper">
-      <img src="/assets/lurker.png" alt="" />
+      <Image src={foxcat} alt="Best Foxcat" />
     </div>
   </div>
   <br />
@@ -54,7 +59,7 @@
       >his site here</a
     >
     <div class="sticky-image-wrapper">
-      <img src="/assets/okita.png" alt="" style="height:60px" />
+      <Image src={okita} alt="" style="height:60px" />
     </div>
   </div>
   <br />
@@ -65,7 +70,7 @@
       rel="noopener noreferrer">AnthonyJ</a
     > for providing me with the custom Shishou favicon.
     <div class="sticky-image-wrapper">
-      <img src="/assets/padoru.png" alt="" />
+      <Image src={padoru} alt="Hashire sori yo ..." />
     </div>
   </div>
 </footer>