Update pages.html

pages.html

@@ -1136,27 +1136,42 @@ window.onclick = function(event) {
 <script>
 // Get the modal_3
 var modal_3 = document.getElementById("myModal_3");
+
 // Get the button that opens the modal
 var btn_3 = document.getElementById("myBtn_3");
+
 // Get the <span> element that closes the modal
 var span_3 = document.getElementsByClassName("close_3")[0];
+
+// Function to open the modal
+function openModal_3(modal) {
+  currentMaxZIndex += 1;
+  modal.style.display = "block";
+  modal.style.zIndex = currentMaxZIndex;
+}
+
+// Function to close the modal
+function closeModal_3(modal) {
+  modal.style.display = "none";
+  currentMaxZIndex = 20; // Reset z-index to initial value
+}
+
 // When the user clicks the button, open the modal 
 btn_3.onclick = function() {
-  modal_3.style.display = "block";
+  openModal_3(modal_3);
 }
+
 // When the user clicks on <span> (x), close the modal
 span_3.onclick = function() {
-  modal_3.style.display = "none";
+  closeModal_3(modal_3);
 }
+
 // When the user clicks anywhere outside of the modal, close it
 window.onclick = function(event) {
   if (event.target == modal_3) {
-    modal_3.style.display = "none";
+    closeModal_3(modal_3);
   }
 }
-
-
-
 </script>