.hero-photo {
  background: #d7b48f url('assets/alfajores.png') center / cover no-repeat;
}

.hero-photo::before {
  display: none;
}

.hero {
  display: flex;
  min-height: 0;
  background: #efe4d8;
}

.hero-cover {
  display: block;
  width: 100%;
  height: auto;
  max-height: 920px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 800px) {
  .hero-cover {
    max-height: none;
    object-fit: contain;
  }
}