body:before, .hero:before {
  background: url("../../assets/img/DSC_0741.jpg") no-repeat;
  /*height: 100vh;*/
  /*mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.013) 8.1%, rgba(0, 0, 0, 0.049) 15.5%, rgba(0, 0, 0, 0.104) 22.5%, rgba(0, 0, 0, 0.175) 29%, rgba(0, 0, 0, 0.259) 35.3%, rgba(0, 0, 0, 0.352) 41.2%, rgba(0, 0, 0, 0.45) 47.1%, rgba(0, 0, 0, 0.55) 52.9%, rgba(0, 0, 0, 0.648) 58.8%, rgba(0, 0, 0, 0.741) 64.7%, rgba(0, 0, 0, 0.825) 71%, rgba(0, 0, 0, 0.896) 77.5%, rgba(0, 0, 0, 0.951) 84.5%, rgba(0, 0, 0, 0.987) 91.9%, #000) !important;*/
}

body:before {
  /*height: 100% !important;*/
  /*background-position: center top !important;*/
  /*background-size: 100% !important;*/
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/DSC_0741.jpg");
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.5;
  z-index: -1;
}

.hero:before {
  height: 150vh;
}

.hidden {
  display: none;
}