diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
index 5553c3a..f8ffd48 100644
--- a/src/layouts/MarkdownLayout.astro
+++ b/src/layouts/MarkdownLayout.astro
@@ -4,6 +4,11 @@ const {content} = Astro.props
 ---
 
 <BaseLayout title="{content.title}" description="{content.description}">
+  <img
+    src="{content.img}"
+    alt="{content.title}"
+    class="mx-auto mb-4 rounded max-h-64 lg:mb-6 xl:mb-8"
+  />
   <div class="prose md:prose-lg xl:prose-xl dark:prose-dark font-kyivsans">
     <slot />
   </div>
diff --git a/src/pages/rezepte/der-erfrischer.md b/src/pages/rezepte/der-erfrischer.md
index b8039b1..5bb4201 100644
--- a/src/pages/rezepte/der-erfrischer.md
+++ b/src/pages/rezepte/der-erfrischer.md
@@ -2,6 +2,7 @@
 layout: ../../layouts/MarkdownLayout.astro
 title: Der Erfrischer
 description: "Fluffy Rezept: Der Erfrischer"
+img: "/images/rezepte/der-erfrischer.jpg"
 ---
 
 # Der Erfrischer
diff --git a/src/pages/rezepte/der-magische-trunk.md b/src/pages/rezepte/der-magische-trunk.md
index 4a89920..85994c0 100644
--- a/src/pages/rezepte/der-magische-trunk.md
+++ b/src/pages/rezepte/der-magische-trunk.md
@@ -2,6 +2,7 @@
 layout: ../../layouts/MarkdownLayout.astro
 title: Der magische Trunk
 description: "Fluffy Rezept: Der magische Trunk"
+img: "/images/rezepte/der-magische-trunk.jpg"
 ---
 
 # Der magische Trunk
diff --git a/src/pages/rezepte/der-schnelle-laeufer.md b/src/pages/rezepte/der-schnelle-laeufer.md
index dc449a2..5b51c47 100644
--- a/src/pages/rezepte/der-schnelle-laeufer.md
+++ b/src/pages/rezepte/der-schnelle-laeufer.md
@@ -2,6 +2,7 @@
 layout: ../../layouts/MarkdownLayout.astro
 title: Der schnelle Läufer
 description: "Fluffy Rezept: Der schnelle Läufer"
+img: "/images/rezepte/der-schnelle-laeufer.jpg"
 ---
 
 # Der schnelle Läufer