.hero-banner { position: relative; height: 240px; }
.hero-image { position:absolute; inset:0; background-size:cover; background-position:center; filter: brightness(0.6); }
.hero-overlay { position:relative; z-index:2; }
.text-shadow { text-shadow: 0 2px 8px rgba(0,0,0,.6); }
.message img { max-height: 320px; object-fit: cover; }
@media (max-width: 576px){
  .hero-banner { height: 180px; }
}