diff --git a/README.md b/README.md
index 7b7ba1c99f5f824fc6ad90d9c73afd8946ee6bbe..66bec8edfccb69187e72bd7501abc1b401a72743 100644
--- a/README.md
+++ b/README.md
@@ -5,10 +5,15 @@
 
 Play audio files.
 
-![The main view of Decibels.](./data/screenshots/screenshot-1.png)
-
-![Decibels in dark mode and on a mobile.](./data/screenshots/screenshot-2.png)
-
+<picture style="max-width: 600px;">
+  <source media="(prefers-color-scheme: dark)"
+          srcset="https://static.gnome.org/appdata/gnome-48/decibels/playing-dark-x1.png,
+                  https://static.gnome.org/appdata/gnome-48/decibels/playing-dark-x2.png 2x"/>
+  <source srcset="https://static.gnome.org/appdata/gnome-48/decibels/playing-light-x1.png,
+                  https://static.gnome.org/appdata/gnome-48/decibels/playing-light-x2.png 2x"/>
+  <img src="https://static.gnome.org/appdata/gnome-48/decibels/playing-light-x1.png"
+       alt="Screenshot of the app while playing a track">
+</picture>
 </div>
 
 ## Installing
diff --git a/data/org.gnome.Decibels.metainfo.xml.in.in b/data/org.gnome.Decibels.metainfo.xml.in.in
index bef4410533b3106ff980e910b690f68e47496aab..b220680b3b9ae21e002ce04d0084079a5cd17bab 100644
--- a/data/org.gnome.Decibels.metainfo.xml.in.in
+++ b/data/org.gnome.Decibels.metainfo.xml.in.in
@@ -18,12 +18,12 @@
   </description>
   <screenshots>
     <screenshot environment="gnome" type="default">
-      <image type="thumbnail" width="772" height="572">https://static.gnome.org/appdata/decibels/main-lodpi-light.png</image>
-      <image scale="2" type="source">https://static.gnome.org/appdata/decibels/main-hidpi-light.png</image>
+      <image type="thumbnail" width="772" height="572">https://static.gnome.org/appdata/gnome-48/decibels/playing-light-x1.png</image>
+      <image scale="2" type="source">https://static.gnome.org/appdata/gnome-48/decibels/playing-light-x2.png</image>
     </screenshot>
     <screenshot environment="gnome:dark">
-      <image type="thumbnail" width="772" height="572">https://static.gnome.org/appdata/decibels/main-lodpi-dark.png</image>
-      <image scale="2" type="source">https://static.gnome.org/appdata/decibels/main-hidpi-dark.png</image>
+      <image type="thumbnail" width="772" height="572">https://static.gnome.org/appdata/gnome-48/decibels/playing-dark-x1.png</image>
+      <image scale="2" type="source">https://static.gnome.org/appdata/gnome-48/decibels/playing-dark-x2.png</image>
     </screenshot>
   </screenshots>
   <content_rating type="oars-1.1" />