Includes (js, css to public)

public/css/modal.css

@@ -0,0 +1,28 @@
+.modal-container-hiden {
+    display: none !important;
+}
+
+#modal:target {
+    display: flex;
+}
+
+#modal2:target {
+    display: flex;
+}
+
+#modal3:target {
+    display: flex;
+}
+
+#modal4:target {
+    display: flex;
+}
+
+
+@media (max-width: 767px){    
+    .modal>.overflow {
+        height: calc(100% - 44px);
+        overflow-y: scroll;
+        overflow-x: hidden;
+    }
+}