flag center und abbruch wenn man auf overlay klick

flag.css

@@ -32,24 +32,29 @@
   z-index: 9999;
 }
 
-#flag-overlay iframe {
-  width: 80%;
-  min-width: 350px;
-  margin: 0 auto;
-  margin-top: 1vh;
-  display: block;
-  background-color: #fff;
+#flag-iframe {
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10000;
+  background-color: #000;
   border: 3px solid #000;
   border-radius: 1em;
   overflow-y: scroll;
   height: 97vh;
+  min-width: 350px;
+  width: 80%;
+  display: block;
+  margin: 0 auto;
+  margin-top: 1vh;
 }
 
 #flag-overlay.closing {
   transition: opacity 0.5s;
 }
 
-#flag-overlay.closing iframe {
+#flag-iframe.closing {
   transition: margin 1s ease, width 1s ease, height 1s ease;
   width: 350px;
   height: 170px;