diff --git a/src/App.scss b/src/App.scss
index 7288d68..fb97904 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -12,6 +12,7 @@
 @import "./sass/components/feature-box";
 @import "./sass/components/card";
 @import "./sass/components/story";
+@import "./sass/components/bg-video";
 
 @import "./sass/layout/header";
 @import "./sass/layout/grid";
diff --git a/src/commons/stories-section/stories.jsx b/src/commons/stories-section/stories.jsx
index ddfa864..59d73b0 100644
--- a/src/commons/stories-section/stories.jsx
+++ b/src/commons/stories-section/stories.jsx
@@ -1,10 +1,19 @@
 import ButtonSecondary from "../../components/button/button-secondary";
 import nat8 from "../images/nat-8.jpg";
 import nat9 from "../images/nat-9.jpg";
+import bgmp4 from "../images/video.mp4";
+import bgwebm from "../images/video.webm";
 
 function Stories() {
   return (
     <section className="section-stories">
+      <div className="bg-video">
+        <video className="bg-video__content" autoPlay muted loop>
+          <source src={bgmp4} type="video/mp4" />
+          <source src={bgwebm} type="video/webm" />
+          Your browser is not supporting the video format!
+        </video>
+      </div>
       <div className="u-center-text u-margin-bottom-big">
         <h2 className="heading-secondary">We make people geniunely happy</h2>
       </div>
diff --git a/src/sass/components/_bg-video.scss b/src/sass/components/_bg-video.scss
new file mode 100644
index 0000000..0f9be77
--- /dev/null
+++ b/src/sass/components/_bg-video.scss
@@ -0,0 +1,15 @@
+.bg-video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: -1;
+  opacity: 0.15;
+
+  &__content {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+  }
+}
diff --git a/src/sass/components/_button.scss b/src/sass/components/_button.scss
index d5ba7ba..abf5a0a 100644
--- a/src/sass/components/_button.scss
+++ b/src/sass/components/_button.scss
@@ -69,8 +69,8 @@
   cursor: pointer;
   border-bottom: 1px solid $color-primary;
   padding: 0.3rem;
-  background-color: $color-grey-light-1;
   transition: all 0.2s;
+  background-color: transparent;
 
   &:hover {
     background-color: $color-primary;
diff --git a/src/sass/components/_story.scss b/src/sass/components/_story.scss
index 106f05d..5159476 100644
--- a/src/sass/components/_story.scss
+++ b/src/sass/components/_story.scss
@@ -2,7 +2,7 @@
   width: 75%;
   margin: 0 auto;
   box-shadow: 0 3rem 6rem rgba($color-black, 0.1);
-  background-color: $color-white;
+  background-color: rgba($color-white, 60%);
   border-radius: 3px;
   padding: 6rem;
   padding-left: 9rem;
@@ -40,6 +40,7 @@
     text-align: center;
     opacity: 0;
     transition: all 0.5s;
+    backface-visibility: hidden;
   }
 
   &:hover &__caption {
diff --git a/src/sass/pages/_home.scss b/src/sass/pages/_home.scss
index 511fadd..c513a63 100644
--- a/src/sass/pages/_home.scss
+++ b/src/sass/pages/_home.scss
@@ -30,5 +30,5 @@
 
 .section-stories {
   padding: 15rem;
-  background-color: $color-grey-light-1;
+  position: relative;
 }