More image fixes (#1069)

- Lazy load dragalipatch image to avoid loading both
- Lazy load acknowledgements since they're offscreen on initial render
- Fix banner image moving slightly when toggling mode by aligning the
two images properly

Website/src/routes/(main)/(home)/+page.svelte

@@ -100,11 +100,13 @@
       <enhanced:img
         src="$lib/assets/dragalipatch.png"
         class="block w-full max-w-80 align-middle dark:hidden"
-        alt="Example inputs of Dawnshard server address in Dragalipatch interface" />
+        alt="Example inputs of Dawnshard server address in Dragalipatch interface"
+        loading="lazy" />
       <enhanced:img
         src="$lib/assets/dragalipatchDark.png"
         class="hidden w-full max-w-80 align-middle dark:block"
-        alt="Example inputs of Dawnshard server address in Dragalipatch interface" />
+        alt="Example inputs of Dawnshard server address in Dragalipatch interface"
+        loading="lazy" />
       <p class="mt-1 italic">Example Dragalipatch inputs</p>
     </aside>
     <div class="col-span-12">

Website/src/routes/(main)/(home)/acknowledgement.svelte

@@ -7,7 +7,7 @@
 
 <li class="my-2 flex items-center gap-3">
   <Avatar>
-    <AvatarImage src={avatarSrc} alt={`${name} avatar image`} />
+    <AvatarImage src={avatarSrc} alt={`${name} avatar image`} loading="lazy" />
   </Avatar>
   <p><strong>{name}</strong>, <slot /></p>
 </li>