Refactored scss background images

src/assets/scss/_global.scss

@@ -70,6 +70,15 @@ hr {
   border-color: rgba($white, .2);
 }
 
+.fs-icon {
+  width: 50px;
+  height: 50px;
+  &.icon-sm {
+    width: 20px;
+    height: 20px;
+  }
+}
+
 .btn {
   display: inline-block;
   padding: 13px 33px;
@@ -119,11 +128,28 @@ hr {
   }
 }
 
-.fs-icon {
-  width: 50px;
-  height: 50px;
-  &.icon-sm {
-    width: 20px;
-    height: 20px;
+.bg-image {
+  position: relative;
+  &:after {
+    display: block;
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-size: cover;
+    background-attachment: fixed;
+    z-index: -1;
+    opacity: 33%;
+    pointer-events: none;
+  }
+  &.bg-fade-in {
+    &:after {
+      width: 120vw;
+      opacity: 0;
+      animation: fadeInBg 2s ease-out 0s 1 forwards,
+      paneBgAround 35s ease-in-out 0s infinite forwards;
+    }
   }
 }