diff --git a/src/shared/components/Contentful/Article/themes/default.scss b/src/shared/components/Contentful/Article/themes/default.scss
index af7ba08979..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;
@@ -569,24 +573,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 +582,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;
+          }
         }
       }
     }
@@ -609,12 +599,6 @@
   }
 }
 
-.bannerContainerDefaultImage {
-  @media screen and (max-width: 425px) {
-    margin-bottom: 180px;
-  }
-}
-
 .recommendedContainer {
   margin-top: 65px;
   background-color: #f4f4f4;