From b74adc65c0f1ec294c66f30a9938904efdc79ba7 Mon Sep 17 00:00:00 2001
From: Jakub Mudra <194-parbamine@users.noreply.gitlab>
Date: Sun, 16 May 2021 17:28:06 +0200
Subject: [PATCH] edit

---
 source/css/organisms/lead-banner.pcss | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/source/css/organisms/lead-banner.pcss b/source/css/organisms/lead-banner.pcss
index fef822a..6a2b87c 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;
     }
 }
-- 
GitLab