diff --git a/luckydiamond/src/assets/bg-gamemode/bg-cg.png b/luckydiamond/src/assets/bg-gamemode/bg-cg.png
new file mode 100644
index 0000000..192dd27
Binary files /dev/null and b/luckydiamond/src/assets/bg-gamemode/bg-cg.png differ
diff --git a/luckydiamond/src/assets/bg-gamemode/bg-dg.png b/luckydiamond/src/assets/bg-gamemode/bg-dg.png
new file mode 100644
index 0000000..cb2ffc1
Binary files /dev/null and b/luckydiamond/src/assets/bg-gamemode/bg-dg.png differ
diff --git a/luckydiamond/src/assets/bg-gamemode/bg-jg.png b/luckydiamond/src/assets/bg-gamemode/bg-jg.png
new file mode 100644
index 0000000..878712a
Binary files /dev/null and b/luckydiamond/src/assets/bg-gamemode/bg-jg.png differ
diff --git a/luckydiamond/src/assets/bg-gamemode/bg-main.png b/luckydiamond/src/assets/bg-gamemode/bg-main.png
new file mode 100644
index 0000000..582f17f
Binary files /dev/null and b/luckydiamond/src/assets/bg-gamemode/bg-main.png differ
diff --git a/luckydiamond/src/assets/bg-gamemode/bg-mg.png b/luckydiamond/src/assets/bg-gamemode/bg-mg.png
new file mode 100644
index 0000000..92101fa
Binary files /dev/null and b/luckydiamond/src/assets/bg-gamemode/bg-mg.png differ
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 9d50627..8d23d40 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -27,7 +27,7 @@
       </div>
       <div class="gamemode__content--card">
         <div class="gamemode__main">
-          <div class="line__content">
+          <div class="line__content" style="margin: 16px 38px 0px 0px">
             <ul>
               <li
                   v-for="mode in mainGameMode"
@@ -44,7 +44,7 @@
                 v-for="mode in firstlineGameMode"
                 :key="mode.id"
             >
-              <div class="line__content">
+              <div class="line__content" style="margin: 16px 38px 20px 0px">
                 {{ mode.title }}
               </div>
             </li>
@@ -56,7 +56,7 @@
                 v-for="mode in TwolineGameMode"
                 :key="mode.id"
             >
-              <div class="line__content">
+              <div class="line__content" style="margin: 16px 38px 20px 0px">
                 {{ mode.title }}
               </div>
             </li>
@@ -179,11 +179,13 @@ export default {
   bottom: 83%;
 }
 
-.gamemode {
-  margin: 0px 0px 0px 200px;
+.gamemode__content--text {
+  display: flex;
+  margin: 2% 0 0 14.5%;
 }
 .gamemode__content--card {
   display: flex;
+  justify-content: center;
 }
 .gamemode__main .line__content {
   width: 400px;