diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index 7451ac5..d9ec722 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -15,7 +15,14 @@
   }
 
   &--section {
-    background-image: url('/images/laconic_newsletter_dark.png');
+    background-image: linear-gradient(
+        to bottom,
+        var(--color-black),
+        rgb(0 0 0 / 0) 25%,
+        rgb(0 0 0 / 0) 75%,
+        var(--color-black)
+      ),
+      url('/images/laconic_newsletter_dark.png');
     background-position: 50%;
     background-size: contain;
     display: flex;
@@ -24,6 +31,12 @@
     justify-content: center;
     height: calc(var(--vw) * 60);
 
+    &::before {
+      width: 100%;
+      height: 100%;
+      background-color: #f00;
+    }
+
     @include respond-to('mobile') {
       background-size: cover;
       width: 150%;