diff --git a/src/images/articles/electronics.jpg b/src/images/articles/electronics.jpg
new file mode 100644
index 0000000..f2beff4
Binary files /dev/null and b/src/images/articles/electronics.jpg differ
diff --git a/src/images/articles/electronics.png b/src/images/articles/electronics.png
deleted file mode 100644
index 8e84858..0000000
Binary files a/src/images/articles/electronics.png and /dev/null differ
diff --git a/src/pages/index.js b/src/pages/index.js
index a30a4b0..c0fba93 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -33,8 +33,8 @@ export default function IndexPage({ data }) {
   const findImage = (articleName) =>
     articleName
       ? getImage(
-          images.find(
-            (image) => image.relativePath === `articles/${articleName}.png`
+          images.find((image) =>
+            image.relativePath.startsWith(`articles/${articleName}`)
           )?.childImageSharp?.gatsbyImageData
         )
       : {};