diff --git a/src/app/(frontend)/lokatsii/page.tsx b/src/app/(frontend)/lokatsii/page.tsx
index 36bab43..af98dd4 100644
--- a/src/app/(frontend)/lokatsii/page.tsx
+++ b/src/app/(frontend)/lokatsii/page.tsx
@@ -125,7 +125,12 @@ export default async function LocationsPage() {
                 {/* Text */}
                 <div
                   className="flex flex-1 flex-col justify-center gap-4 p-10"
-                  style={{ backgroundColor: color }}
+                  style={{
+                    backgroundColor: color,
+                    backgroundImage: `url('/images/figma/card-wave-green.svg')`,
+                    backgroundSize: '280px auto',
+                    backgroundRepeat: 'repeat',
+                  }}
                 >
                   {loc.tagline && (
                     <p
diff --git a/src/components/ui/PageHero.tsx b/src/components/ui/PageHero.tsx
index 31b203f..5b29f30 100644
--- a/src/components/ui/PageHero.tsx
+++ b/src/components/ui/PageHero.tsx
@@ -21,7 +21,7 @@ export function PageHero({ title, subtitle, bgSrc, children }: PageHeroProps) {
   return (
     <div className="relative -mt-[60px] overflow-hidden px-8 pt-[calc(60px+48px)] pb-16 lg:-mt-[120px] lg:pt-[calc(120px+64px)]">
       <Image src={src} alt="" fill priority quality={90} sizes="100vw" className="object-cover" />
-      <div className="absolute inset-0 bg-[rgba(57,104,23,0.55)]" />
+      <div className="absolute inset-0 bg-gradient-to-b from-black/30 via-black/10 to-black/40" />
       <div className="relative z-10 mx-auto max-w-[1140px] text-white">
         <h1
           className="text-[40px] leading-[1.1] font-bold uppercase lg:text-[56px]"