/* Keep the admin hero preview and storefront hero at the same height. */
.hero,
.hero-image-preview {
  height: 565px;
  min-height: 565px;
}

@media (max-width: 700px) {
  .hero,
  .hero-image-preview {
    height: 460px;
    min-height: 460px;
  }
}

@media (max-width: 640px) {
  .hero,
  .hero-image-preview {
    height: 400px;
    min-height: 400px;
  }
}