users/edit-kyc.css

@@ -91,7 +91,7 @@
         opacity: 0.7;
     }
 
-    .modal {
+    .imgModal {
     display: none; 
     position: fixed; 
     z-index: 1; 
@@ -106,7 +106,7 @@
     }
 
     
-    .modal-content {
+    .imgModal-content {
     margin: auto;
     display: block;
     width: 80%;
@@ -115,7 +115,7 @@
     }
 
     
-    .modal-content, #caption {  
+    .imgModal-content, #caption {  
     -webkit-animation-name: zoom;
     -webkit-animation-duration: 0.6s;
     animation-name: zoom;
@@ -151,7 +151,7 @@
     }
 
     @media only screen and (max-width: 700px){
-    .modal-content {
+    .imgModal-content {
         width: 100%;
     }
     }   

users/edit-kyc.php

@@ -42,9 +42,9 @@
                     }
                     ?>
                 </div>
-                <div id="myModal" class="modal">
+                <div id="myModal" class="imgModal">
                     <span class="close" onclick="closeModal()">&times;</span>
-                    <img class="modal-content" id="img01" style="max-width: 100%; max-height: 80vh; width: auto; height: auto; margin: auto; display: block;">
+                    <img class="imgModal-content" id="img01" style="max-width: 100%; max-height: 80vh; width: auto; height: auto; margin: auto; display: block;">
 
                 </div>
                 <!-- Displays all the information retrieved by get_kyc_info() related to userInfo -->
@@ -88,9 +88,9 @@
                 }
                 ?>
             </div>
-            <div id="myModal" class="modal">
+            <div id="myModal" class="imgModal">
                 <span class="close">&times;</span>
-                <img class="modal-content" id="img01">
+                <img class="imgModal-content" id="img01">
             </div>
             <h3>KYC Information</h3>
             <div class="form-container">