you could try using height: 100% instead of auto for the media queries

.hero img {
  object-fit: cover;
  height: 100%;
  ...