.hero-container {
  height: max-content;
  display: block;
}

picture {
  display: block;
  line-height: 0;
}

.hero-img {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: auto;
  max-height: 35vh;
  object-fit: cover;
  object-position: center center;
  display: block;
}