diff --git a/public/hero-about.jpg b/public/hero-about.jpg
new file mode 100644
index 0000000..9a8bed0
Binary files /dev/null and b/public/hero-about.jpg differ
diff --git a/public/hero-contact.webp b/public/hero-contact.webp
new file mode 100644
index 0000000..a1b77a3
Binary files /dev/null and b/public/hero-contact.webp differ
diff --git a/public/hero-events.webp b/public/hero-events.webp
new file mode 100644
index 0000000..22f4d5f
Binary files /dev/null and b/public/hero-events.webp differ
diff --git a/public/hero-home.webp b/public/hero-home.webp
new file mode 100644
index 0000000..0c624f1
Binary files /dev/null and b/public/hero-home.webp differ
diff --git a/public/hero-support.webp b/public/hero-support.webp
new file mode 100644
index 0000000..66a04ad
Binary files /dev/null and b/public/hero-support.webp differ
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 1f1c74a..38ad970 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -87,8 +87,7 @@ const testimonials = [
         <link
             rel="preload"
             as="image"
-            href="/about-960.webp"
-            imagesrcset="/about-320.webp 320w, /about-480.webp 480w, /about-640.webp 640w, /about-960.webp 960w"
+            href="/hero-about.jpg"
             imagesizes="100vw"
         />
     </Fragment>
@@ -138,9 +137,7 @@ const testimonials = [
                     class="absolute inset-0 h-full w-full object-cover"
                     style="object-position: 50% 42%;"
                     alt=""
-                    src="/about-960.webp"
-                    srcset="/about-320.webp 320w, /about-480.webp 480w, /about-640.webp 640w, /about-960.webp 960w"
-                    sizes="100vw"
+                    src="/hero-about.jpg"
                     loading="eager"
                     fetchpriority="high"
                     decoding="async"
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index cbe0064..6664489 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -124,7 +124,7 @@ const turnstileSiteKey = import.meta.env.PUBLIC_TURNSTILE_SITE_KEY ?? "";
                     class="absolute inset-0 h-full w-full object-cover"
                     style="object-position: 50% 45%;"
                     alt=""
-                    src="/contact-960.webp"
+                    src="/hero-contact.webp"
                     loading="eager"
                     fetchpriority="high"
                     decoding="async"
diff --git a/src/pages/events/index.astro b/src/pages/events/index.astro
index 6f1bf0a..805ed9f 100644
--- a/src/pages/events/index.astro
+++ b/src/pages/events/index.astro
@@ -108,7 +108,7 @@ const typeColors: Record<string, string> = {
                     class="absolute inset-0 h-full w-full object-cover"
                     style="object-position: 50% 30%;"
                     alt=""
-                    src="/news.webp"
+                    src="/hero-events.webp"
                     loading="eager"
                     fetchpriority="high"
                     decoding="async"
diff --git a/src/pages/events/page/[page].astro b/src/pages/events/page/[page].astro
index 5a0a2a1..63065f3 100644
--- a/src/pages/events/page/[page].astro
+++ b/src/pages/events/page/[page].astro
@@ -67,7 +67,7 @@ function formatDate(date: string) {
                     class="absolute inset-0 h-full w-full object-cover"
                     style="object-position: 50% 30%;"
                     alt=""
-                    src="/news.webp"
+                    src="/hero-events.webp"
                     loading="eager"
                     fetchpriority="high"
                     decoding="async"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9a74d84..c5a4797 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -46,8 +46,7 @@ const ctaCards = [
         <link
             rel="preload"
             as="image"
-            href="/Samantha-and-Connolly-1280.webp"
-            imagesrcset="/Samantha-and-Connolly-480.webp 480w, /Samantha-and-Connolly-640.webp 640w, /Samantha-and-Connolly-960.webp 960w, /Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w"
+            href="/hero-home.webp"
             imagesizes="100vw"
         />
     </Fragment>
@@ -221,9 +220,7 @@ const ctaCards = [
                     class="absolute inset-0 h-full w-full object-cover"
                     style="object-position: 50% 38%;"
                     alt=""
-                    src="/Samantha-and-Connolly-1280.webp"
-                    srcset="/Samantha-and-Connolly-480.webp 480w, /Samantha-and-Connolly-640.webp 640w, /Samantha-and-Connolly-960.webp 960w, /Samantha-and-Connolly-1280.webp 1280w, /Samantha-and-Connolly-1920.webp 1920w"
-                    sizes="100vw"
+                    src="/hero-home.webp"
                     loading="eager"
                     fetchpriority="high"
                     decoding="async"
diff --git a/src/pages/support-us.astro b/src/pages/support-us.astro
index a1ceca5..3e77425 100644
--- a/src/pages/support-us.astro
+++ b/src/pages/support-us.astro
@@ -101,7 +101,7 @@ const faqs = [
         <link
             rel="preload"
             as="image"
-            href="/Vols5-2880w-1024x768.avif"
+            href="/hero-support.webp"
             imagesizes="100vw"
         />
     </Fragment>
@@ -220,7 +220,7 @@ const faqs = [
                     class="absolute inset-0 h-full w-full object-cover"
                     style="object-position: 50% 28%;"
                     alt=""
-                    src="/Vols5-2880w-1024x768.avif"
+                    src="/hero-support.webp"
                     loading="eager"
                     fetchpriority="high"
                     decoding="async"