Background xprmnt

by ShaCP

HTML

<div class="background">
<div class="child">

</div>
</div>

CSS

.background {
  height: 100vh;
  position: relative;
}

.background::before {
    content: "";
    background: url("https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg") no-repeat center center fixed;
    background-size: cover;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0.5;
    z-index: -99999;
}

.child {
  width: 100px;
  height: 100px;
  background-color: blue;
}

body {
  margin: 0;
}