From 436e8d8ed5adad3d138e11dbe881637827fb4389 Mon Sep 17 00:00:00 2001
From: Michael Webber <mawebbe1@asu.edu>
Date: Thu, 26 Mar 2026 13:32:28 -0700
Subject: [PATCH] fix(unity-bootstrap-theme): removed lazy loading for hero
 images

---
 .../stories/molecules/heroes/heroes.examples.stories.js       | 4 ----
 .../stories/molecules/heroes/heroes.templates.stories.js      | 2 --
 2 files changed, 6 deletions(-)

diff --git a/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.examples.stories.js b/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.examples.stories.js
index 413482f571..d4cf2cf5de 100644
--- a/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.examples.stories.js
+++ b/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.examples.stories.js
@@ -18,7 +18,6 @@ export const HeroSmallWithButtons = () => (
       alt="Sample placeholder image."
       width="2560"
       height="512"
-      loading="lazy"
       decoding="async"
       fetchpriority="high"
     />
@@ -65,7 +64,6 @@ export const HeroMediumTwoButtons = () => (
       alt="Sample placeholder image."
       width="2560"
       height="512"
-      loading="lazy"
       decoding="async"
       fetchpriority="high"
     />
@@ -120,7 +118,6 @@ export const HeroLargeWithButtons = () => (
       alt="Sample placeholder image."
       width="2560"
       height="512"
-      loading="lazy"
       decoding="async"
       fetchpriority="high"
     />
@@ -173,7 +170,6 @@ export const HeroVideo = () => (
       alt="Sample placeholder image."
       width="2560"
       height="512"
-      loading="lazy"
       decoding="async"
       fetchpriority="high"
     />
diff --git a/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.templates.stories.js b/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.templates.stories.js
index b67bd80451..6205722704 100644
--- a/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.templates.stories.js
+++ b/packages/unity-bootstrap-theme/stories/molecules/heroes/heroes.templates.stories.js
@@ -108,7 +108,6 @@ const Hero = ({ size, title, titleColors, subTitle, subTitleColors }) => (
       alt="Sample placeholder image."
       width="2560"
       height="512"
-      loading="lazy"
       decoding="async"
       fetchpriority="high"
     />
@@ -193,7 +192,6 @@ const StoryHero = ({ size }) => (
         alt="Sample placeholder image."
         width="2560"
         height="512"
-        loading="lazy"
         decoding="async"
         fetchpriority="high"
       />