.blur-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  /* 1. White background gradient (White at top -> Transparent at bottom) */
  background: linear-gradient(
    to bottom, 
    rgba(255, 255, 255, .7) 0%, 
    rgba(255, 255, 255, 0) 100%
  );

  /* 2. Backdrop blur */
  backdrop-filter: blur(5.5px);
  -webkit-backdrop-filter: blur(5.5px);

  /* 3. Gradient Mask: Fades out BOTH the white color AND the blur toward the bottom */
  -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 60%);
  mask-image: linear-gradient(to top, transparent 0%, #000 60%);
}