.recipe-hero {
  position: relative;
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.recipe-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 749px) {
  .recipe-hero {
    height: 400px;
  }
}