.hero-photo {
  margin: 0;
  min-height: 540px;
  align-self: stretch;
  overflow: hidden;
  background: #0f2742;
  border: 1px solid rgba(15, 39, 66, .3);
}

.hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 1000px) {
  .hero-photo { min-height: 500px; }
}

@media (max-width: 740px) {
  .hero-photo {
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .hero-photo img {
    height: auto;
    object-fit: contain;
  }
}