.hero-image img {
 width: 100%;
 max-height: 400px; /* trims the hero height */
 object-fit: cover; /* keeps composition tidy */
 border-radius: 16px;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 display: block;
 margin: 2rem auto;

}