diff --git a/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx b/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
index 2b981d635..ab400ac38 100644
--- a/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
+++ b/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
@@ -103,6 +103,7 @@ export default function MegaMenu({
               scriptedTopTitle={card.scripted_top_title}
               onPrimaryButtonClick={handleNavigate}
               onSecondaryButtonClick={handleNavigate}
+              imageGradient
               theme="image"
             />
           </div>
diff --git a/components/TempDesignSystem/Card/card.ts b/components/TempDesignSystem/Card/card.ts
index 03c633d6c..ac2bc66af 100644
--- a/components/TempDesignSystem/Card/card.ts
+++ b/components/TempDesignSystem/Card/card.ts
@@ -25,6 +25,7 @@ export interface CardProps
   bodyText?: string | null
   imageHeight?: number
   imageWidth?: number
+  imageGradient?: boolean
   onPrimaryButtonClick?: () => void
   onSecondaryButtonClick?: () => void
   backgroundImage?: ImageVaultAsset | ApiImage
diff --git a/components/TempDesignSystem/Card/index.tsx b/components/TempDesignSystem/Card/index.tsx
index 223574ded..547ab5bea 100644
--- a/components/TempDesignSystem/Card/index.tsx
+++ b/components/TempDesignSystem/Card/index.tsx
@@ -24,6 +24,7 @@ export default function Card({
   backgroundImage,
   imageHeight,
   imageWidth,
+  imageGradient,
   onPrimaryButtonClick,
   onSecondaryButtonClick,
 }: CardProps) {
@@ -45,7 +46,7 @@ export default function Card({
       })}
     >
       {backgroundImage && (
-        <div className={styles.imageWrapper}>
+        <div className={imageGradient ? styles.imageWrapper : ""}>
           <Image
             src={backgroundImage.url}
             className={styles.image}