Fix the image size for Projects

astro/src/components/projects/ProjectPost.astro

@@ -1,6 +1,6 @@
 ---
 import CalendarIcon from '@/icons/CalendarIcon.astro';
-import { getImageUrl } from '@/lib/images';
+import { getImageSize, getImageUrl } from '@/lib/images';
 import { markdownToHtml } from '@/lib/markdown';
 import { getTypographyClasses } from '@/styles/markdownClasses';
 import { Image } from 'astro:assets';
@@ -10,6 +10,8 @@ interface Props {
 }
 
 const { project } = Astro.props;
+
+const imageSize = getImageSize(project.searchEngine.thumbnail.width, project.searchEngine.thumbnail.height, 1);
 ---
 
 <div
@@ -29,8 +31,8 @@ const { project } = Astro.props;
             <div class="w-full h-full rounded-2xl shadow-md object-cover">
                 <Image
                     src={getImageUrl(project.searchEngine.thumbnail.url)}
-                    width="1200"
-                    height="630"
+                    width={imageSize.width}
+                    height={imageSize.height}
                     alt={project.title}
                     class="rounded-2xl"
                 />