#loader-fade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;  /* Change background color if needed */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999; /* Ensure loader is above other content */
}

#loader-fade img {
  /* Adjust image size and style as needed */
  width: 400px;
  height: 400px;
}

.upCenterAnim {
  opacity:0;
  animation-duration: 2s;
  animation-name: introUpCenterAnim;
  animation-fill-mode: forwards ;
}
#mainLogo{
  margin-top: 200%;
  position: absolute;
  z-index: 1;
  opacity: 0;
}

#MaskLogo{
  z-index: 10;
}
@keyframes introUpCenterAnim {
  0% {
    margin-top: 200%;
    opacity:0;
  }
  25%{
    opacity:0;
  }
  100% {
    margin-top: 0%;
    opacity:1;
  }
}
.image-column{
  position: relative;
}