html,
body {
  min-height: 100%;
}

body {
  position: relative;
  isolation: isolate; 
  background: var(--page-bg-gradient, #f5f5f7);
}

body::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image: url("../svgs/wavy-background.svg");
  background-size: cover;
  background-position: center;
  /* opacity: 0.8; */
}