From aebe14395dd6dadf58abadb3bff43835076310e6 Mon Sep 17 00:00:00 2001
From: Charlotte <charlotte.emms@theguardian.com>
Date: Fri, 1 Nov 2024 15:48:51 +0000
Subject: [PATCH] reduce brightness of the overlay background to increase
 contrast for readability

---
 dotcom-rendering/src/components/FeatureCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dotcom-rendering/src/components/FeatureCard.tsx b/dotcom-rendering/src/components/FeatureCard.tsx
index 2c8578479b..da0cd779d9 100644
--- a/dotcom-rendering/src/components/FeatureCard.tsx
+++ b/dotcom-rendering/src/components/FeatureCard.tsx
@@ -107,9 +107,9 @@ const overlayStyles = css`
 	flex-direction: column;
 	justify-content: flex-start;
 	flex-grow: 1;
-	padding: 8px;
-	row-gap: 8px;
-	backdrop-filter: blur(12px);
+	padding: ${space[2]}px;
+	row-gap: ${space[2]}px;
+	backdrop-filter: blur(12px) brightness(0.7);
 `;
 
 const getMedia = ({