.bg-wrapper {
  opacity: 0.5;
}

.bg-overlay, .bg-img {
  position: fixed;
  top: 0;
  z-index: -1;
  height: 100vh;
  width: 100vw;
  background-size: 100%;
  background-repeat: no-repeat;
}

.bg-img {
  filter: blur(20px);
}

.bg-overlay {
  background-image: linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%), radial-gradient(transparent, rgba(0,0,0,0.5) 100%);
}

.btn-outline-custom {
  background-color: var(--blurred-btn-bg);
}

.parallax { /* avoid overlap with index parallax */
  z-index: 0;
}
