.container-header {
  background: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1a1a1a 85%),
    url('/images/banners/hero_banner.webp') center top no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh; /* Full viewport height */
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 0;
}