From 76f590b5bb65bb90c65a7a7e33f743171fe051aa Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 20 Apr 2024 12:07:06 +0800
Subject: [PATCH] Use mobile first flow for responsive hero image

---
 src/_includes/cassettebeasts/hero.njk | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_includes/cassettebeasts/hero.njk b/src/_includes/cassettebeasts/hero.njk
index 87c4b52e..53f89275 100644
--- a/src/_includes/cassettebeasts/hero.njk
+++ b/src/_includes/cassettebeasts/hero.njk
@@ -2,8 +2,8 @@
 
 {% block heroImg %}
     <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" />
+        <source srcset="/assets/cassettebeasts/images/cassettebeasts-header-320.png" media="(orientation: landscape)" />
+        <img src="/assets/cassettebeasts/images/cassettebeasts-header-640.png" alt="Banner of Cassette Beasts Shrine" />
     </picture>
 {% endblock %}