Added style of main page

src/views/Home.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="home">
-    <h2>Homepage</h2>
-  </div>
+  <section class="home">
+    <h2 class="heading">Homepage</h2>
+  </section>
 </template>
 
 <script lang="ts">
@@ -11,3 +11,26 @@ export default defineComponent({
   name: "Home"
 });
 </script>
+
+<style lang="scss" scoped>
+.home {
+  position: relative;
+  min-height: inherit;
+  padding: 0 20px;
+
+  &:after {
+    display: block;
+    content: "";
+    position: absolute;
+    top: -20px;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-image: url("/home_bg-min.jpg");
+    background-size: cover;
+    opacity: 0.5;
+    z-index: -1;
+    pointer-events: none;
+  }
+}
+</style>