remove blur to make text legible in the image.

NASA-IMPACT · Apr 3, 2024 · 480d951 · 480d951
1 parent 8d97b07
commit 480d951
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/overrides/components/hyperwall-cta.tsx b/overrides/components/hyperwall-cta.tsx
@@ -44,7 +44,7 @@ const InfoImageContent = styled.div`
     background-position: right bottom;
     background-repeat: no-repeat;
     background-size: cover;
-    filter: blur(4px);
+    //filter: blur(4px);
     z-index: 1; // Ensure this is behind the content
   }
 
@@ -77,6 +77,11 @@ const InfoImageContent = styled.div`
   `}
 `;
 
+const GutterText = styled('span')`
+  background-color:black;
+  margin-top:10px;
+`
+
 
 export default function HyperwallCTA({
     width
@@ -93,9 +98,9 @@ export default function HyperwallCTA({
               <StyledVarHeading size="small" as="h2">
                 Live Earth Dashboard
               </StyledVarHeading>
-              <span>
+              <GutterText>
                 An interactive way to explore what's happening on Earth right now
-              </span>
+              </GutterText>
               <Button
                 forwardedAs="a"
                 href="/stories/hyperwall"

diff --git a/overrides/home/media/hyperwall-image1.png b/overrides/home/media/hyperwall-image1.png