diff --git a/source/css/organisms/lead-banner.pcss b/source/css/organisms/lead-banner.pcss
index fef822a2c02eff1dbdd9a71cc8a5624ba07f3a0e..6a2b87cbca1242d7ab7247d9dc03ed70a76ca23c 100644
--- a/source/css/organisms/lead-banner.pcss
+++ b/source/css/organisms/lead-banner.pcss
@@ -1,5 +1,7 @@
 .lead-collector-body-app  {
     position: relative;
+    background-color: black!important;
+    border-color: black;
 }
 
 .lead-collector-body-app div  {
@@ -17,6 +19,21 @@
 
 @media only screen and (max-width: 1100px) {
    .lead-collector-body-app:before {
-        background-image: linear-gradient(180deg, #00000000, black),  url('../images/program-app-bg-mobile.png');
+        background-image: linear-gradient(180deg, #00000000 10%, black 90%),  url('../images/program-app-bg-mobile.png');
+        background-size: 100% auto;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+   .lead-collector-body-app:before {
+        background-image: linear-gradient(180deg, #00000000 10%, black 70%),  url('../images/program-app-bg-mobile.png');
+        background-size: 100% auto;
+    }
+}
+
+@media only screen and (max-width: 680px) {
+   .lead-collector-body-app:before {
+        background-image: linear-gradient(180deg, #00000000 10%, black 63vw),  url('../images/program-app-bg-mobile.png');
+        background-size: 100% auto;
     }
 }