#preloader {
    opacity: 0;
    transition: opacity 1s ease;
    position: fixed;
    inset: 0;
    background: radial-gradient(circle at center, rgba(255,255,255,0.8), rgba(0,0,0,0.7));  
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
  }
  
  .image-stack {
    position: relative;
    width: 200px;
    height: auto;
    animation: zoomIn 2s ease-out forwards;
    transform-origin: center center;
  }
  
  .image-stack .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 1s ease-in-out;
  }
  
  .image-stack .base {
    z-index: 1;
    opacity: 1;
  }
  
  .image-stack .glow {
    z-index: 2;
    opacity: 0;
  }
  
  @keyframes zoomIn {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    100% {
      transform: scale(1.5);
      opacity: 1;
    }
  }