diff --git a/public/base-card.png b/public/base-card.png
new file mode 100644
index 0000000..fe75c95
Binary files /dev/null and b/public/base-card.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..317e9dc
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.svg b/public/favicon.svg
deleted file mode 100644
index 0f39062..0000000
--- a/public/favicon.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36">
-  <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/>
-  <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/>
-  <defs>
-    <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#000"/>
-      <stop offset="1" stop-color="#000" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-	<style>
-    @media (prefers-color-scheme:dark){:root{filter:invert(100%)}}
-  </style>
-</svg>
diff --git a/public/home-blog-card.png b/public/home-blog-card.png
new file mode 100644
index 0000000..28aca56
Binary files /dev/null and b/public/home-blog-card.png differ
diff --git a/public/placeholder-about.jpg b/public/placeholder-about.jpg
deleted file mode 100644
index 2f736d9..0000000
Binary files a/public/placeholder-about.jpg and /dev/null differ
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 64f2594..7aeda0e 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -1,14 +1,14 @@
 ---
 import "../style/global.css";
 
-const { title, description, image = "/placeholder-social.jpg" } = Astro.props;
+const { title, description, image = "/home-blog-card.png" } = Astro.props;
 ---
 
 <head>
 	<!-- Global Metadata -->
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width,initial-scale=1" />
-	<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+	<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
 	<meta name="generator" content={Astro.generator} />
 
 	<!-- Web Monetization -->
