diff --git a/webextension/css/welcome.css b/webextension/css/welcome.css
index a56ef413..0ca35da2 100644
--- a/webextension/css/welcome.css
+++ b/webextension/css/welcome.css
@@ -48,7 +48,6 @@ p {
 }
 
 .welcome-logo {
-    background: url('../images/wayback-light.png') center/cover no-repeat;
     width: 375px;
     height: 150px;
     margin: 0 auto;
@@ -73,9 +72,4 @@ p {
     .bottom-container {
         background-color: #333;
     }
-
-    .welcome-logo {
-        background-image: url('../images/wayback-dark.png')
-    }
-
 }
diff --git a/webextension/welcome.html b/webextension/welcome.html
index 13df45d2..9f2d8c90 100644
--- a/webextension/welcome.html
+++ b/webextension/welcome.html
@@ -12,7 +12,10 @@
   <body>
     <div class="body-container">
       <div class="header-container">
-        <div class="welcome-logo"></div>
+        <picture>
+          <source srcset="./images/wayback-dark.png" media="(prefers-color-scheme: dark)" width="850" height="340"/>
+          <img class="welcome-logo" src="./images/wayback-light.png" width="850" height="340" alt=""/>
+        </picture>
         <h1>
           Welcome to the Internet Archive's<br>
           Wayback Machine Browser Extension
