#hero {
  height: 100vh;
}

#hero-picture {
  width: 100%;
  height: calc(100vh - 12.5rem);
  margin: auto;
}

#hero-picture img {
  object-fit: cover;
  object-position: bottom;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#hero-picture:before {
  content: "";
  /*background-image: linear-gradient(to bottom, rgba(49,47,88,0.0), rgba(49,47,88,0.5));*/
  background-color: rgba(49,47,88,0.5);
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}