diff --git a/src/components/background-basic/background-lower.jpg b/src/components/background-basic/background-lower.jpg
new file mode 100644
index 0000000..fb6e8d8
Binary files /dev/null and b/src/components/background-basic/background-lower.jpg differ
diff --git a/src/components/background-basic/background-upper.jpg b/src/components/background-basic/background-upper.jpg
new file mode 100644
index 0000000..c75efe1
Binary files /dev/null and b/src/components/background-basic/background-upper.jpg differ
diff --git a/src/components/background-basic/index.json b/src/components/background-basic/index.json
new file mode 100644
index 0000000..467ce29
--- /dev/null
+++ b/src/components/background-basic/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/src/components/background-basic/index.scss b/src/components/background-basic/index.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/background-basic/index.vue b/src/components/background-basic/index.vue
new file mode 100644
index 0000000..5b053d4
--- /dev/null
+++ b/src/components/background-basic/index.vue
@@ -0,0 +1,10 @@
+<template>
+  <View style="top: 0; bottom: 0; z-index: -1020">
+    <View style="z-index: -1010; top: 0" className='position-absolute'>
+      <Image :src="require('./background-upper.jpg')" mode='widthFix' style="width: 100vw"/>
+    </View>
+    <View style="z-index: -1010; bottom: 0" className='position-absolute d-flex justify-content-end'>
+      <Image :src="require('./background-lower.jpg')" mode='aspectFill' style="width: 100vw"/>
+    </View>
+  </View>
+</template>