From 89a531cf8a1fc5cd428849df1651b5396281363f Mon Sep 17 00:00:00 2001
From: Max Richter <jim-x@web.de>
Date: Fri, 21 Jun 2024 14:53:36 +0200
Subject: [PATCH] fix: type error

---
 src/components/Picture.astro | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/Picture.astro b/src/components/Picture.astro
index 3f76baf..8552fa2 100644
--- a/src/components/Picture.astro
+++ b/src/components/Picture.astro
@@ -3,9 +3,25 @@ import Image from "./Image.astro";
 const {src, alt, caption} = Astro.props;
 ---
 
-<figure style="display: inline-block; text-align: center; margin-block: 1em;">
-  <Image src={src} alt={alt} style="max-width: 100%; height: auto;" />
-  <figcaption style="font-size: 0.9rem; text-align: center; color: #666; margin-top: 0.5rem;">
+<figure>
+  <Image src={src} alt={alt}/>
+  <figcaption>
     {caption}
   </figcaption>
 </figure>
+
+<style>
+
+figure {
+  display: inline-block;
+  text-align: center;
+}
+
+figcaption {
+  font-size: 0.9rem;
+  text-align: center;
+  color: #666;
+  margin-top: 0.5rem;
+}
+
+</style>