change z-index of elements

components/menu.html

@@ -73,7 +73,7 @@
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
     list-style: none;
     min-width: 220px;
-    z-index: 1000;
+    z-index: 9999;
     flex-direction: column;
     gap: 0.5rem !important;
     transition: opacity 0.3s ease;

frontend/pages/chap1.html

@@ -30,7 +30,7 @@
       position: absolute;
       bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: none;
     }
 

frontend/pages/chap2.html

@@ -13,9 +13,9 @@
     }
 
     #mascotte {
-      position: fixed;
-      bottom: 0px;
-      right: 160px;
+      position: absolute;
+      top: 670px;
+      right: 100px;
       z-index: 999;
       transform: scaleX(-1);
       cursor: pointer;
@@ -28,10 +28,10 @@
     }
 
     .speech-bubble {
-      position: fixed;
-      bottom: 320px;
+      position: absolute;
+      bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: none;
     }
 

frontend/pages/chap3.html

@@ -31,7 +31,7 @@
       position: fixed;
       bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: none;
     }
 

index.html

@@ -52,7 +52,7 @@
       position: absolute;
       bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: flex;
       width: 1025px;
       height: 560px;