Tag 3

adventskalender/2025/content/day03.html

@@ -109,8 +109,64 @@
     <!-- ================================
          RECHTE SPALTE – AUDIO
          ================================ -->
+         
+         
     <div class="addon addon-audio-wrapper">
+		<div class="addon addon-picture">
 
+      <picture>
+
+        <!-- AVIF -->
+        <source
+          type="image/avif"
+          srcset="
+            /2025/assets/images/480/avif/podcast.avif 480w,
+            /2025/assets/images/720/avif/podcast.avif 720w,
+            /2025/assets/images/1024/avif/podcast.avif 1024w,
+            /2025/assets/images/1366/avif/podcast.avif 1366w,
+            /2025/assets/images/1600/avif/podcast.avif 1600w,
+            /2025/assets/images/1920/avif/podcast.avif 1920w,
+            /2025/assets/images/2560/avif/podcast.avif 2560w,
+            /2025/assets/images/3840/avif/podcast.avif 3840w
+          "
+          sizes="90vw"
+        >
+
+        <!-- WEBP -->
+        <source
+          type="image/webp"
+          srcset="
+            /2025/assets/images/480/webp/podcast.webp 480w,
+            /2025/assets/images/720/webp/podcast.webp 720w,
+            /2025/assets/images/1024/webp/podcast.webp 1024w,
+            /2025/assets/images/1366/webp/podcast.webp 1366w,
+            /2025/assets/images/1600/webp/podcast.webp 1600w,
+            /2025/assets/images/1920/webp/podcast.webp 1920w,
+            /2025/assets/images/2560/webp/podcast.webp 2560w,
+            /2025/assets/images/3840/webp/podcast.webp 3840w
+          "
+          sizes="90vw"
+        >
+
+        <!-- JPEG -->
+        <img
+          src="/2025/assets/images/1024/jpeg/podcast.jpeg"
+          srcset="
+            /2025/assets/images/480/jpeg/podcast.jpeg 480w,
+            /2025/assets/images/720/jpeg/podcast.jpeg 720w,
+            /2025/assets/images/1024/jpeg/podcast.jpeg 1024w,
+            /2025/assets/images/1366/jpeg/podcast.jpeg 1366w,
+            /2025/assets/images/1600/jpeg/podcast.jpeg 1600w,
+            /2025/assets/images/1920/jpeg/podcast.jpeg 1920w,
+            /2025/assets/images/2560/jpeg/podcast.jpeg 2560w,
+            /2025/assets/images/3840/jpeg/podcast.jpeg 3840w
+          "
+          sizes="90vw"
+          alt="Bild zum Tag"
+          class="addon-picture-image"
+        >
+
+      </picture>
       <audio controls preload="auto" class="addon-audio">
         <source src="/2025/assets/sounds/podcasts/Tag 03.mp3" type="audio/mpeg">
         Dein Browser unterstützt Audio nicht.