.spotlight-overlay {
  position: fixed;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  --mx: 50%;
  --my: 50%;
  -webkit-backdrop-filter: grayscale(1);
  backdrop-filter: grayscale(1);
  -webkit-mask-image: radial-gradient(circle at var(--mx) var(--my), transparent 0, transparent 160px, #000 360px);
  mask-image: radial-gradient(circle at var(--mx) var(--my), transparent 0, transparent 160px, #000 360px);
  transition: opacity 0.4s ease;
}

@media (hover: none) {
  .spotlight-overlay { display: none; }
}

.landingimg{
  z-index:5;
}