From fac7a767cf21f5ba2c4092fa9d9521316c62fe97 Mon Sep 17 00:00:00 2001
From: Faris <faris@eureka.ai>
Date: Mon, 17 Oct 2022 22:59:15 +0700
Subject: [PATCH 1/2] fix(thrive): #6058

---
 .../Contentful/Article/themes/default.scss    | 24 ++++---------------
 1 file changed, 5 insertions(+), 19 deletions(-)

diff --git a/src/shared/components/Contentful/Article/themes/default.scss b/src/shared/components/Contentful/Article/themes/default.scss
index af7ba08979..61da51b9d3 100644
--- a/src/shared/components/Contentful/Article/themes/default.scss
+++ b/src/shared/components/Contentful/Article/themes/default.scss
@@ -569,24 +569,6 @@
           position: absolute;
           width: 0;
           height: 0;
-
-          /* stylelint-disable */
-          > clippath {
-            transform: translate(445px, 0) scaleX(-1);
-
-            @media screen and (max-width: 425px) and (min-width: 375px) {
-              transform: translate(380px, 0) scaleX(-1);
-            }
-
-            @media screen and (max-width: 375px) and (min-width: 320px) {
-              transform: translate(330px, 0) scaleX(-1);
-            }
-
-            @media screen and (max-width: 320px) {
-              transform: translate(275px, 0) scaleX(-1);
-            }
-          }
-          /* stylelint-enable */
         }
 
         .bannerClippedImageHolder {
@@ -596,6 +578,10 @@
           background-position: center center;
           -webkit-clip-path: url(#thrive-banner-clip-path);
           clip-path: url(#thrive-banner-clip-path);
+
+          @media screen and (max-width: 425px) {
+            height: 270px;
+          }
         }
       }
     }
@@ -608,7 +594,7 @@
     bottom: -10px;
   }
 }
-
+.bannerContainer,
 .bannerContainerDefaultImage {
   @media screen and (max-width: 425px) {
     margin-bottom: 180px;

From 1a66367a566969ecb54c631c787a060f89e80ba6 Mon Sep 17 00:00:00 2001
From: Faris <faris@eureka.ai>
Date: Tue, 18 Oct 2022 11:06:05 +0700
Subject: [PATCH 2/2] fix: lint

---
 .../components/Contentful/Article/themes/default.scss  | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/shared/components/Contentful/Article/themes/default.scss b/src/shared/components/Contentful/Article/themes/default.scss
index 61da51b9d3..eee8a45516 100644
--- a/src/shared/components/Contentful/Article/themes/default.scss
+++ b/src/shared/components/Contentful/Article/themes/default.scss
@@ -493,6 +493,10 @@
     margin-bottom: 300px;
   }
 
+  @media screen and (max-width: 425px) {
+    margin-bottom: 180px;
+  }
+
   .bannerInner {
     display: flex;
     max-width: 1280px;
@@ -594,12 +598,6 @@
     bottom: -10px;
   }
 }
-.bannerContainer,
-.bannerContainerDefaultImage {
-  @media screen and (max-width: 425px) {
-    margin-bottom: 180px;
-  }
-}
 
 .recommendedContainer {
   margin-top: 65px;