.blurred-bg-only {
  position: relative;
  overflow: hidden;
}

.blurred-bg-only::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  filter: blur(10px);
  z-index: 1;
  opacity: 1;
  pointer-events: none;
}

/* Ensure content is above the blurred layer */
.blurred-bg-only > * {
  position: relative;
  z-index: 2;
}