fotos: Move to figures

assets/css/main.css

@@ -177,8 +177,23 @@ article {
   text-justify: inter-word;
   font-variant-numeric: oldstyle-nums;
 
+  figure {
+    max-width: 100%;
+    height: auto;
+    margin: 0;
+
+    figcaption {
+      p {
+        margin: 0.25rem 0 2rem;
+        font-family: var(--sans-serif);
+        text-align: center;
+      }
+    }
+  }
+
   img {
-    width: 100%;
+    max-width: 100%;
+    height: auto;
   }
 
   > p:nth-of-type(2)::first-letter {

content/fotos/abendliche-bewoelkung/index.md

@@ -5,4 +5,4 @@ description: "über Regensburg"
 tags: [fotos, regensburg]
 ---
 
-![Abendliche Bewölkung über Regensburg](abendliche-bewoelkung.webp)
+{{< figure src="abendliche-bewoelkung.webp" alt="Abendliche Bewölkung über Regensburg" caption="Abendliche Bewölkung über Regensburg" loading="lazy" >}}

content/fotos/ustronie-morskie/index.md

@@ -5,16 +5,10 @@ date: 2025-11-15T21:53:01+01:00
 tags: [fotos, polen]
 ---
 
-![Holzwall](./holzwall.jpeg)
+{{< figure src="holzwall.jpeg" alt="Holzwall" caption="Holzwall" loading="lazy" decoding="async" fetchpriority="high" >}}
-
+{{< figure src="pfote.jpeg" alt="Pfote" caption="Pfote" loading="lazy" >}}
-![Pfote](./pfote.jpeg)
+{{< figure src="nala.jpeg" alt="Nala" caption="Nala" loading="lazy" >}}
-
+{{< figure src="pier.jpeg" alt="Pier" caption="Pier" loading="lazy" >}}
-![Nala](./nala.jpeg)
+{{< figure src="dom-1.jpeg" alt="Kolberger Dom" caption="Kolberger Dom" loading="lazy" >}}
-
+{{< figure src="dom-2.jpeg" alt="Dom" caption="Dom" loading="lazy" >}}
-![Pier](./pier.jpeg)
+{{< figure src="moeve.jpeg" alt="Möve" caption="Möve" loading="lazy" >}}
-
-![Dom](./dom-1.jpeg)
-
-![Dom](./dom-2.jpeg)
-
-![Möve](./moeve.jpeg)