From 69608a5472a82cb3468b0171878cfe37174aafab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?=
 <78366796+fedealvarezcampos@users.noreply.github.com>
Date: Tue, 12 Apr 2022 15:16:11 +0200
Subject: [PATCH] Gradient Partners Marquee (#34)

---
 .../products/partners/partners.module.scss    | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/sections/products/partners/partners.module.scss b/src/components/sections/products/partners/partners.module.scss
index 635c8dc..114cada 100644
--- a/src/components/sections/products/partners/partners.module.scss
+++ b/src/components/sections/products/partners/partners.module.scss
@@ -43,7 +43,6 @@
       bottom: tovw(160px, 'default', 160px);
       left: 0;
       opacity: 0.4;
-      z-index: -1;
       margin-left: 0;
       background: linear-gradient(
         180deg,
@@ -56,6 +55,7 @@
       content: '';
       pointer-events: none;
       user-select: none;
+      z-index: -1;
     }
   }
 }
@@ -71,12 +71,25 @@
   }
 
   &__container {
+    height: tovw(70px, 'default', 63px);
+    margin-top: tovw(60px, 'default', 43px);
+    mask-image: radial-gradient(
+      circle,
+      rgb(3 3 3 / 1) 0%,
+      rgb(3 3 3 / 1) 78%,
+      rgb(3 3 3 / 0) 100%
+    );
+
     @include respond-to('mobile') {
+      width: unset !important;
       margin: tovw(60px, 'default', 43px) tovw(-18px, 'mobile') 0
         tovw(-18px, 'mobile');
-      width: unset !important;
+      mask-image: radial-gradient(
+        circle,
+        rgb(3 3 3 / 1) 0%,
+        rgb(3 3 3 / 1) 68%,
+        rgb(3 3 3 / 0) 95%
+      );
     }
-
-    margin-top: tovw(60px, 'default', 43px);
   }
 }