.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bg > .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1c1c1c;
  background-image: url(https://images.unsplash.com/photo-1605817711148-bc3d2af6e1e2?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=1080&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTY3ODM5Njk1MA&ixlib=rb-4.0.3&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1920);
  background-position: center;
  background-size: cover;
  filter: brightness(0.5);
}

.fg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 80px 120px 80px 40px;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  font-family: "Noto Sans", sans-serif;
}
.fg > h1 {
  font-weight: 900;
}