From cc704b53bec00e39b277a3e54f65570f90a77a5c Mon Sep 17 00:00:00 2001
From: Maas Lalani <maas@lalani.dev>
Date: Mon, 8 Aug 2022 17:20:27 -0400
Subject: [PATCH] docs: show image as 100% and max-width 750px

---
 README.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 589b59164fa52d51df693e945c2c8f4cbce4f462..5084d6676b1b7cc2895511466d45d7edbd5d9c98 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,11 @@ Soft Serve
 
 A tasty, self-hostable Git server for the command line. 🍦
 
-<img src="https://stuff.charm.sh/soft-serve/soft-serve-demo.gif?0" width="750" alt="Soft Serve screencast">
+<picture>
+  <source media="(max-width: 750px)" srcset="https://stuff.charm.sh/soft-serve/soft-serve-demo.gif?0">
+  <source media="(min-width: 750px)" width="750" srcset="https://stuff.charm.sh/soft-serve/soft-serve-demo.gif?0">
+  <img src="https://stuff.charm.sh/soft-serve/soft-serve-demo.gif?0" alt="Soft Serve screencast">
+</picture>
 
 * Configure with `git`
 * Create repos on demand with `git push`