Update pages.html

pages.html

@@ -1124,24 +1124,36 @@ var btn_2 = document.getElementById("myBtn_2");
 // Get the <span> element that closes the modal
 var span_2 = document.getElementsByClassName("close_2")[0];
 
+// Function to open the modal
+function openModal(modal) {
+  currentMaxZIndex += 1;
+  modal_2.style.display = "block";
+  modal_2.style.zIndex = currentMaxZIndex;
+}
+
+// Function to close the modal
+function closeModal(modal) {
+  modal_2.style.display = "none";
+  currentMaxZIndex = 20; // Reset z-index to initial value
+}
+
 // When the user clicks the button, open the modal 
 btn_2.onclick = function() {
-  modal_2.style.display = "block";
+  openModal(modal_2);
 }
 
 // When the user clicks on <span> (x), close the modal
 span_2.onclick = function() {
-  modal_2.style.display = "none";
+  closeModal(modal_2);
 }
 
 // When the user clicks anywhere outside of the modal, close it
 window.onclick = function(event) {
   if (event.target == modal_2) {
-    modal_2.style.display = "none";
+    closeModal(modal_3);
   }
 }
 
-
 </script>