.loader-container {
  display: flex;
  justify-content: center;
  height: 100vh;
  padding: 8px;
  padding-top: 143px;
}

.box-image {
  background: url("../images/logo/AIF\ Black\ on\ Transparent\ cropped.png")
    center/contain no-repeat;
  width: 400px;
  height: 350px;
  margin-right: 90px;
}

.reveal-animation {
  width: 100%;
  height: 100%;
  background-color: #fff;
  animation: reveal 5s steps(1); /* Adjust animation duration as needed */
}

@keyframes reveal {
  0% {
    width: 100%;
  }
  11.11% {
    width: 88.88%;
  }
  22.22% {
    width: 77.77%;
  }
  33.33% {
    width: 66.66%;
  }
  44.44% {
    width: 55.55%;
  }
  55.55% {
    width: 44.44%;
  }
  66.66% {
    width: 33.33%;
  }
  77.77% {
    width: 22.22%;
  }
  88.88% {
    width: 11.11%;
  }
  100% {
    width: 0%;
  }
}

@media screen and (max-width: 768px) {
  .loader-container {
    display: flex;
    justify-content: flex-end;
    height: 100vh;
    padding: 8px;
    padding-top: 40px;
    margin-left: 25px;
  }
  .box-image {
    background: url("../images/logo/AIF\ Black\ on\ Transparent\ cropped.png")
      center/contain no-repeat;
    margin: 50px 20px;
    width: 80%;
  }
}
