.hero-image {
  width: 100%;
  height: 300px !important;          /* Fixed height — adjust to taste */
  object-fit: cover;
  object-position: center center;  /* Crop equally top and bottom */
  display: block;
  margin-top: 2rem;
}

.coverart-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;  /* Crop equally top and bottom */
  display: block;
  margin-top: 2rem;
}