diff --git a/src/assets/images/macbook.jpg b/src/assets/images/macbook.jpg
index 8da6eaa..f5f6b81 100644
Binary files a/src/assets/images/macbook.jpg and b/src/assets/images/macbook.jpg differ
diff --git a/src/pages/articles/index.astro b/src/pages/articles/index.astro
index 46c2229..bd23a4c 100644
--- a/src/pages/articles/index.astro
+++ b/src/pages/articles/index.astro
@@ -40,6 +40,8 @@ const articles = await getCollection("blog");
                   <Image
                     src={image}
                     alt={title}
+                    width={320}
+                    densities={[1, 2]}
                     class="col-span-1 h-48 object-cover sm:h-full"
                   />
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e1ee7f1..9316818 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -72,7 +72,13 @@ const latestArticleImage = latestArticle.data.image;
     <div
       class="flex items-center overflow-hidden rounded-lg bg-white underline-offset-4 shadow transition hover:underline hover:shadow-md"
     >
-      <Image src={latestArticleImage} alt="" class="h-16 w-24 object-cover" />
+      <Image
+        src={latestArticleImage}
+        alt=""
+        class="h-16 w-24 object-cover"
+        width={100}
+        densities={[1, 2]}
+      />
       <h3 class="mx-3 line-clamp-2 font-serif text-lg leading-snug">
         {latestArticleTitle}
       </h3>