Fix: update GSoC week12 blog post

Author: Narendra9793

src/constants/MarkdownFiles/posts/2025-08-24-gsoc-25-MebinThattil-week12.md

@@ -6,7 +6,7 @@ date: "2025-08-24"
 slug: "2025-08-24-gsoc-25-mebinthattil-week12"
 author: "@/constants/MarkdownFiles/authors/mebin-thattil.md"
 tags: "gsoc25,sugarlabs,week12,mebinthattil,speak_activity"
-image: "assets/Images/GSOCxSpeak.png"
+image: "assets/Images/GSOCxSpeak.webp"
 ---
 
 # Week 12 Progress Report by Mebin J Thattil

src/pages/News/NewsDetailPage.tsx

@@ -275,26 +275,18 @@ const NewsDetailPage: React.FC = () => {
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5 }}
           >
-            <picture>
-              {post.image.endsWith('.png') && (
-                <source
-                  srcSet={post.image.replace(/\.png$/, '.webp')}
-                  type="image/webp"
-                />
-              )}
-              <img
-                src={post.image}
-                alt={post.title}
-                className="w-full h-auto max-h-80 object-contain mx-auto cursor-pointer hover:scale-105 transition-transform duration-300"
-                onClick={() =>
-                  setModalImage({
-                    src: post.image.replace(/\.png$/, '.webp'),
-                    alt: post.title,
-                  })
-                }
-                data-zoomable="true"
-              />
-            </picture>
+            <img
+              src={post.image}
+              alt={post.title}
+              className="w-full h-auto max-h-80 object-contain mx-auto cursor-pointer hover:scale-105 transition-transform duration-300"
+              onClick={() =>
+                setModalImage({
+                  src: post.image.replace(/\.png$/, '.webp'),
+                  alt: post.title,
+                })
+              }
+              data-zoomable="true"
+            />
           </motion.div>
         )}
 

src/pages/News/NewsPage.tsx

@@ -498,19 +498,11 @@ const NewsPage: React.FC = () => {
                         className={`${viewMode === 'list' ? 'h-full' : 'h-56'} overflow-hidden`}
                       >
                         {post.image ? (
-                          <picture>
-                            {post.image.endsWith('.png') && (
-                              <source
-                                srcSet={post.image.replace(/\.png$/, '.webp')}
-                                type="image/webp"
-                              />
-                            )}
-                            <img
-                              src={post.image}
-                              alt={post.title}
-                              className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"
-                            />
-                          </picture>
+                          <img
+                            src={post.image}
+                            alt={post.title}
+                            className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"
+                          />
                         ) : (
                           <div className="w-full h-full bg-gradient-to-br from-blue-100 via-purple-50 to-green-100 flex items-center justify-center">
                             <div className="text-6xl opacity-50">📰</div>