From b81c26df25bf0c7a42b9e7c8784d5ac6c9cd8d95 Mon Sep 17 00:00:00 2001
From: veikko <veikko@lintujarvi.fi>
Date: Sun, 3 Jul 2022 23:39:09 +0300
Subject: [PATCH] Improve main logo render

---
 pages/components/Logo.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/pages/components/Logo.tsx b/pages/components/Logo.tsx
index 452e90f..ce0b2f3 100644
--- a/pages/components/Logo.tsx
+++ b/pages/components/Logo.tsx
@@ -11,19 +11,18 @@ const Logo = () => {
   return (
     <section className={styles.logoContainer}>
       <div className={styles.logo} id='logo-start'>
-        {isDesktop ? (
+        <picture>
+          <source
+            srcSet='/runosaari-logo_small.jpg'
+            media='(max-width: 600px)'
+          />
+          <source srcSet='/runosaari-logo.jpg' />
           <img
-            className={styles.logoImage}
             src='/runosaari-logo.jpg'
             alt='Runosaari logo'
-          />
-        ) : (
-          <img
             className={styles.logoImage}
-            src='/runosaari-logo_small.jpg'
-            alt='Runosaari logo'
           />
-        )}
+        </picture>
         <div className={styles.logoCredits}>
           <div>@Sanna Hukkanen</div>
         </div>