Adding figcaption in picture

Author: officialrajdeepsingh

partials/featureImage.hbs

@@ -3,34 +3,24 @@
 <picture class="w-full h-[724px] my-10 mx-auto ">
     <!-- Serve the AVIF format if the browser supports it -->
     <!-- Remove this block when using animated images as feature images -->
-    <source 
-        srcset="{{img_url feature_image size="s" format="avif"}} 300w,
-                {{img_url feature_image size="m" format="avif"}} 600w,
-                {{img_url feature_image size="l" format="avif"}} 1000w,
-                {{img_url feature_image size="xl" format="avif"}} 2000w"
-        sizes="(min-width: 1400px) 1400px, 92vw" 
-        type="image/avif"
-    >
+    <source srcset="{{img_url feature_image size=" s" format="avif" }} 300w, {{img_url feature_image size="m"
+        format="avif" }} 600w, {{img_url feature_image size="l" format="avif" }} 1000w, {{img_url feature_image
+        size="xl" format="avif" }} 2000w" sizes="(min-width: 1400px) 1400px, 92vw" type="image/avif">
     <!-- Serve the WebP format if the browser supports it -->
-    <source 
-        srcset="{{img_url feature_image size="s" format="webp"}} 300w,
-                {{img_url feature_image size="m" format="webp"}} 600w,
-                {{img_url feature_image size="l" format="webp"}} 1000w,
-                {{img_url feature_image size="xl" format="webp"}} 2000w"
-        sizes="(min-width: 1400px) 1400px, 92vw" 
-        type="image/webp"
-    >
+    <source srcset="{{img_url feature_image size=" s" format="webp" }} 300w, {{img_url feature_image size="m"
+        format="webp" }} 600w, {{img_url feature_image size="l" format="webp" }} 1000w, {{img_url feature_image
+        size="xl" format="webp" }} 2000w" sizes="(min-width: 1400px) 1400px, 92vw" type="image/webp">
     <!-- Serve original file format as a fallback -->
-    <img
-        srcset="{{img_url feature_image size="s"}} 300w,
-                {{img_url feature_image size="m"}} 600w,
-                {{img_url feature_image size="l"}} 1000w,
-                {{img_url feature_image size="xl"}} 2000w"
-        sizes="(min-width: 1400px) 1400px, 92vw"
-        src="{{img_url feature_image size="xl"}}"
-        class="object-cover w-full h-full"
-        alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
-    >
+    <img srcset="{{img_url feature_image size=" s"}} 300w, {{img_url feature_image size="m" }} 600w, {{img_url
+        feature_image size="l" }} 1000w, {{img_url feature_image size="xl" }} 2000w"
+        sizes="(min-width: 1400px) 1400px, 92vw" src="{{img_url feature_image size=" xl"}}"
+        class="object-cover w-full h-full" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
+
+    {{#if feature_image_alt}}
+
+    <figcaption class="text-center">{{feature_image_alt}}</figcaption>
+
+    {{/if}}
 </picture>
 
 {{/if}}