.common-hero {
  min-height: 0;
  height: auto;
  display: block;
  background-image: none !important;
  line-height: 0;
  overflow: hidden;
}
.common-hero img {
  display: block;
  width: 100%;
}

/* Mobile: keep original cropped banner */
@media (max-width: 767px) {
  .common-hero {
    min-height: 460px;
  }
  .common-hero img {
    height: 460px;
    object-fit: cover;
    object-position: center center;
  }
}

/* Larger screens: full image, no crop */
@media (min-width: 768px) {
  .common-hero img {
    height: auto;
    object-fit: unset;
  }
}