.blur-overlay {
  position: relative;
  /* z-index: 0;
    height: 100%;
    width: 100%;
    top: 150px;
    position: fixed;
    backdrop-filter: blur(5px); */
}

.blur-overlay:before {
  content: '';
  display: block;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: fixed;
  backdrop-filter: blur(0px);
  animation: blur-in 1s forwards;
}

@keyframes blur-in {
  from {
    backdrop-filter: blur(0px);
  }

  to {
    backdrop-filter: blur(5px);
  }
}