reduce brightness of the overlay background to increase contrast for …

…readability
guardian · Nov 1, 2024 · aebe143 · aebe143
1 parent 4184e3f
commit aebe143
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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 = ({