improvements in the images

.astro/assets.mjs

@@ -1 +1 @@
-export default new Map();
+export default new Map();

src/components/common/Card.astro

@@ -40,10 +40,10 @@ export const prerender = true;
     src={images[image]()}
     alt={name}
     class={`
-    h-full w-full object-cover
-    transition-scale
-    duration-1000 ease-in-out group-hover:scale-110
-  `}
+      h-full w-full object-cover
+      transition-scale
+      duration-1000 ease-in-out group-hover:scale-110
+    `}
   />
   <div
     class={`

src/components/common/Timeline.astro

@@ -1,11 +1,19 @@
 ---
 import { Icon } from "astro-icon/components";
+
+import type { ImageMetadata } from "astro";
+import { Image } from "astro:assets";
+
 import { render, type CollectionEntry } from "astro:content";
 
 export interface Props {
   experience: CollectionEntry<"experience">;
 }
 
+const images = import.meta.glob<{ default: ImageMetadata }>(
+  "/src/assets/*.{jpeg,jpg,png,gif,webp}",
+);
+
 const { experience } = Astro.props;
 const { data } = experience;
 const { company, job, startMonth, startYear, endMonth, endYear, logo } = data;
@@ -16,7 +24,11 @@ export const prerender = true;
 ---
 
 <li class="accordion flex gap-4">
-  <img src={logo} class="dark:bg-foreground size-12 rounded-full border" />
+  <Image
+    src={images[logo]()}
+    alt={job}
+    class="object-contain dark:bg-foreground size-12 rounded-full border"
+  />
   <div
     class={`
     accordion-button