From 3e765a1c43450d6c9b9e1e5e67a3619c76666a0f Mon Sep 17 00:00:00 2001
From: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
Date: Tue, 16 Jul 2024 15:31:20 +0800
Subject: [PATCH] Fixed pixelated feature image issue

---
 partials/feature-image.hbs | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/partials/feature-image.hbs b/partials/feature-image.hbs
index 9b4580cf..a5f03652 100644
--- a/partials/feature-image.hbs
+++ b/partials/feature-image.hbs
@@ -1,13 +1,15 @@
 {{#if feature_image}}
     <figure class="gh-article-image">
-        <picture>
-            <source srcset="{{img_url feature_image size="xxl"}}" media="(min-width: 2000px)">
-            <source srcset="{{img_url feature_image size="xl"}}" media="(min-width: 1200px)">
-            <source srcset="{{img_url feature_image size="l"}}" media="(min-width: 960px)">
-            <source srcset="{{img_url feature_image size="m"}}" media="(min-width: 600px)">
-            <source srcset="{{img_url feature_image size="s"}}" media="(min-width: 320px)">
-            <img src="{{img_url feature_image size="xl"}}" alt="{{title}}">
-        </picture>
+        <img
+            srcset="{{img_url feature_image size="s"}} 320w,
+                    {{img_url feature_image size="m"}} 600w,
+                    {{img_url feature_image size="l"}} 960w,
+                    {{img_url feature_image size="xl"}} 1200w,
+                    {{img_url feature_image size="xxl"}} 2000w"
+            sizes="(max-width: 1200px) 100vw, 1120px"
+            src="{{img_url feature_image size="xl"}}"
+            alt="{{title}}"
+        >
         {{#if feature_image_caption}}
             <figcaption>{{feature_image_caption}}</figcaption>
         {{/if}}