diff --git a/src/app/(frontend)/lokatsii/[slug]/page.tsx b/src/app/(frontend)/lokatsii/[slug]/page.tsx
index de1281b..1f6b39a 100644
--- a/src/app/(frontend)/lokatsii/[slug]/page.tsx
+++ b/src/app/(frontend)/lokatsii/[slug]/page.tsx
@@ -92,6 +92,7 @@ export default async function LocationDetailPage({ params }: Props) {
         stat={location.heroStat ?? undefined}
         statLabel={location.heroStatLabel ?? undefined}
         tips={heroTips}
+        heroImageUrl={getMediaUrl(location.heroBackground as Media | undefined)}
       />
       <DyvoLisGallery
         quote={location.galleryQuote ?? undefined}
diff --git a/src/components/sections/DyvoLisHero.tsx b/src/components/sections/DyvoLisHero.tsx
index 15b662f..52fbfd5 100644
--- a/src/components/sections/DyvoLisHero.tsx
+++ b/src/components/sections/DyvoLisHero.tsx
@@ -15,6 +15,7 @@ interface DyvoLisHeroProps {
   stat?: string
   statLabel?: string
   tips?: string[]
+  heroImageUrl?: string | null
 }
 
 export function DyvoLisHero({
@@ -23,7 +24,9 @@ export function DyvoLisHero({
   stat = '60+',
   statLabel = 'експонатів з безпечних для дітей матеріалів',
   tips = DEFAULT_TIPS,
+  heroImageUrl,
 }: DyvoLisHeroProps) {
+  const heroImg = heroImageUrl ?? HERO_IMG
   return (
     <section className="relative overflow-hidden" style={{ background: '#f1fbeb' }}>
       {/* Left column — contained within max-width */}
@@ -141,7 +144,7 @@ export function DyvoLisHero({
         </div>
         {/* Cat */}
         <img
-          src={HERO_IMG}
+          src={heroImg}
           alt="Топіарна фігура ДивоЛісу"
           className="absolute"
           style={{
@@ -157,7 +160,7 @@ export function DyvoLisHero({
       {/* Mobile: hero image below text */}
       <div className="relative mx-auto max-w-[420px] lg:hidden" aria-hidden="true">
         <img
-          src={HERO_IMG}
+          src={heroImg}
           alt="Топіарна фігура ДивоЛісу"
           className="w-full object-contain"
           loading="eager"
diff --git a/src/globals/BirthdayPage.ts b/src/globals/BirthdayPage.ts
index 245125d..05600e9 100644
--- a/src/globals/BirthdayPage.ts
+++ b/src/globals/BirthdayPage.ts
@@ -11,6 +11,12 @@ export const BirthdayPage: GlobalConfig = {
   versions: { max: 20, drafts: { autosave: { interval: 2000 } } },
   fields: [
     // Hero
+    {
+      name: 'heroImage',
+      type: 'upload',
+      relationTo: 'media',
+      label: 'Фото герою (фон)',
+    },
     {
       name: 'heroTitle',
       type: 'text',
diff --git a/src/globals/DyvoLisPage.ts b/src/globals/DyvoLisPage.ts
index b0ac44b..6941798 100644
--- a/src/globals/DyvoLisPage.ts
+++ b/src/globals/DyvoLisPage.ts
@@ -10,6 +10,12 @@ export const DyvoLisPage: GlobalConfig = {
   hooks: { afterChange: [revalidateGlobalAfterChange] },
   fields: [
     // Hero section
+    {
+      name: 'heroImage',
+      type: 'upload',
+      relationTo: 'media',
+      label: 'Фото герою (фон)',
+    },
     {
       name: 'heroTitle',
       type: 'text',