preloader error fixed

css/preloader.css

@@ -1,24 +1,43 @@
 #preloader {
   position: fixed;
-  max-width: 100vw;
-  max-height: 100vh;
+  width: 100vw;
+  height: 100vh;
   top: 0;
   left: 0;
-  background-color: black;
-  overflow: hidden;
+  background-color: #000000c9;
+  /* overflow: hidden; */
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  backdrop-filter: blur(20px);
 }
 
 .hidden {
-  display: none;
+  display: none !important;
 }
 
 .preloader-logo {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  height: 100%;
+  width: 50%;
+  background-image: url(../images/logo.png);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  /* backdrop-filter: blur(45px); */
+  animation: fade 1s ease-in-out 1s infinite;
+}
+@keyframes fade {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: .5;
+  }
+  100% {
+    opacity: 1;
+  }
 }
-
 #r1 {
   animation: animationTwo 2s linear infinite alternate;
 }
@@ -190,7 +209,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  min-height: 100dvh;
+  max-height: 100dvh;
   background: url(../images/prev/img21.jpg);
   background-size: cover;
 }
@@ -220,5 +239,5 @@
   .faq-wrapper {
     padding: 5px;
   }
-  
-}
+
+}