Refactored scss background images

src/views/Home.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="home">
+  <section class="home bg-image bg-fade-in">
     <div class="splash fade-in-children">
       <h2 class="heading-1">Full Skies</h2>
       <p class="heading-2">
@@ -31,20 +31,7 @@ export default defineComponent({
   overflow: hidden;
 
   &:after {
-    display: block;
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    width: 120vw;
     background-image: url("/home_bg-min.jpg");
-    background-size: cover;
-    z-index: -1;
-    opacity: 0;
-    pointer-events: none;
-    animation: fadeInBg 2s ease-out 0s 1 forwards,
-      paneBgAround 35s ease-in-out 0s infinite forwards;
   }
 }
 </style>