Quick fix background-clip

jpvalery · Apr 6, 2019 · ef32421 · ef32421
1 parent 0fd743e
commit ef32421
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Home/HomeBodyTop.js b/src/components/Home/HomeBodyTop.js
@@ -17,8 +17,9 @@ const Wrapper = styled.section`
 const Body = styled.div`
   margin: 0;
   padding: 0;
+  background-clip: text; -webkit-background-clip: text;
+  background-size: cover;
   background-image:url("sunset-bg.jpg");
-  background-clip: text;
   h1 {
     @media screen and (min-width: ${props => props.theme.responsive.medium}) {
     font-size: 4rem;
@@ -27,7 +28,7 @@ const Body = styled.div`
   h1,
   h2,
   h3 {
-    color: transparent;
+    color: transparent !important;
     font-weight: 600;
     line-height: 1.25;
     text-transform: capitalize;