diff --git a/src/lib/components/extra/projects.svelte b/src/lib/components/extra/projects.svelte
index f0287e0f..75b1ba96 100644
--- a/src/lib/components/extra/projects.svelte
+++ b/src/lib/components/extra/projects.svelte
@@ -18,8 +18,8 @@
     </div>
     <div class="card-body p-4">
       <div class="flex flex-col md:flex-row items-start gap-4">
-        <div class="mb-auto  max-w-full shrink-0 md:max-w-xs">
-          <img class="rounded-md" src={project.img} alt={project.description} />
+        <div class="mb-auto aspect-video w-full max-w-full shrink-0 md:max-w-xs">
+          <img class="rounded-md  " src={project.img} alt={project.description} />
         </div>
         <div class="card-title flex-1 flex-col items-start gap-4">
           <div>