From b86435536a80dc7f53e5214dd85fc3210d42f082 Mon Sep 17 00:00:00 2001
From: Nikolay Akhmetov <nick.akhmetov@gmail.com>
Date: Thu, 7 Nov 2024 12:45:05 -0500
Subject: [PATCH] CAT-1001 fix homepage image behavior with shrinking viewport

---
 CHANGELOG-cat-1000-1001.md                           | 1 +
 context/app/static/js/components/home/Hero/styles.ts | 8 +++-----
 2 files changed, 4 insertions(+), 5 deletions(-)
 create mode 100644 CHANGELOG-cat-1000-1001.md

diff --git a/CHANGELOG-cat-1000-1001.md b/CHANGELOG-cat-1000-1001.md
new file mode 100644
index 0000000000..0c92bdc7c9
--- /dev/null
+++ b/CHANGELOG-cat-1000-1001.md
@@ -0,0 +1 @@
+- Fix minor graphical issues in homepage hero section.
diff --git a/context/app/static/js/components/home/Hero/styles.ts b/context/app/static/js/components/home/Hero/styles.ts
index 6a6ab686e6..68592fabd4 100644
--- a/context/app/static/js/components/home/Hero/styles.ts
+++ b/context/app/static/js/components/home/Hero/styles.ts
@@ -73,9 +73,7 @@ export const HeroPanelContainer = styled(Box)<HeroSubContainerProps>(({ theme, $
   },
 }));
 
-export const StyledImage = styled('img')(({ theme }) => ({
-  [theme.breakpoints.up('md')]: {
-    maxWidth: '100%',
-    height: 'auto',
-  },
+export const StyledImage = styled('img')(() => ({
+  maxWidth: '100%',
+  height: 'auto',
 }));