diff --git a/src/_includes/cassettebeasts/hero.njk b/src/_includes/cassettebeasts/hero.njk
index 41accd07..87c4b52e 100644
--- a/src/_includes/cassettebeasts/hero.njk
+++ b/src/_includes/cassettebeasts/hero.njk
@@ -1,7 +1,10 @@
 {% extends "global/hero.njk" %}
 
 {% block heroImg %}
-    <img src="/assets/cassettebeasts/images/cassettebeasts-header.png" alt="Banner of Cassette Beasts Shrine">
+    <picture>
+        <source srcset="/assets/cassettebeasts/images/cassettebeasts-header-640.png" media="(orientation: portrait)" />
+        <img src="/assets/cassettebeasts/images/cassettebeasts-header-320.png" alt="Banner of Cassette Beasts Shrine" />
+    </picture>
 {% endblock %}
 
 {% block eventScript %}
diff --git a/src/assets/cassettebeasts/images/cassettebeasts-header-320.png b/src/assets/cassettebeasts/images/cassettebeasts-header-320.png
new file mode 100644
index 00000000..76a9dc8e
Binary files /dev/null and b/src/assets/cassettebeasts/images/cassettebeasts-header-320.png differ
diff --git a/src/assets/cassettebeasts/images/cassettebeasts-header-640.png b/src/assets/cassettebeasts/images/cassettebeasts-header-640.png
new file mode 100644
index 00000000..dfc8ae29
Binary files /dev/null and b/src/assets/cassettebeasts/images/cassettebeasts-header-640.png differ
diff --git a/src/assets/cassettebeasts/images/cassettebeasts-header.png b/src/assets/cassettebeasts/images/cassettebeasts-header.png
deleted file mode 100644
index 07c57f89..00000000
Binary files a/src/assets/cassettebeasts/images/cassettebeasts-header.png and /dev/null differ