diff --git a/public/blog-post.webp b/public/blog-post.webp
new file mode 100644
index 0000000..20feafb
Binary files /dev/null and b/public/blog-post.webp differ
diff --git a/public/blog.png b/public/blog.png
deleted file mode 100644
index dc0408e..0000000
Binary files a/public/blog.png and /dev/null differ
diff --git a/public/youtube.png b/public/youtube.png
deleted file mode 100644
index 1a38b8b..0000000
Binary files a/public/youtube.png and /dev/null differ
diff --git a/public/youtube.webp b/public/youtube.webp
new file mode 100644
index 0000000..ceca666
Binary files /dev/null and b/public/youtube.webp differ
diff --git a/src/pages/posts.astro b/src/pages/posts.astro
index 2aea7cf..50d334e 100644
--- a/src/pages/posts.astro
+++ b/src/pages/posts.astro
@@ -11,25 +11,25 @@ const pageTitle = "Posts";
     <ul role="list" class="link-card-grid">
         <Card
             url="https://medium.com/"
-            image="/blog.png"
+            image="/blog-post.webp"
             title="Blog 1"
             body="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci"
         />
         <Card
             url="https://medium.com/"
-            image="/blog.png"
+            image="/blog-post.webp"
             title="Blog 2"
             body="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci"
         />
         <Card
             url="https://medium.com/"
-            image="/blog.png"
+            image="/blog-post.webp"
             title="Blog 3"
             body="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci"
         />
         <Card
             url="https://medium.com/"
-            image="/blog.png"
+            image="/blog-post.webp"
             title="Blog 4"
             body="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci"
         />
@@ -38,13 +38,13 @@ const pageTitle = "Posts";
     <ul role="list" class="link-card-grid">
         <Card
             url="https://www.youtube.com/"
-            image="/youtube.png"
+            image="/youtube.webp"
             title="Video 1"
             body="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci"
         />
         <Card
             url="https://www.youtube.com/"
-            image="/youtube.png"
+            image="/youtube.webp"
             title="Video 2"
             body="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci"
         />