.page-banner-container{
  position:relative;  
  height: 499px;
  overflow:hidden;
  
}

.page-banner-background{
  display:block;
  position: absolute;  
  top: 0;
  left: 0;
  width: 100%;
  height: 115%; /* Make it taller so it has room to move without showing gaps */
  object-fit: cover; /* Keeps the aspect ratio intact without stretching */
  pointer-events: none; /* Prevents users from accidentally dragging the image */    
  will-change: transform;
  
}

.page-banner-content-container{
  position:relative;  
  
  z-index: 1;  
  width: 100%;
  height:100%;
  min-height: 100%;  
}



.page-banner-content-block-container{
  display:flex;
  width: 100%;
  height: 100%;
  min-height: 100%;
  justify-content: flex-start;
  align-items: flex-end;  
}

.page-banner-content-block-container:has(div.page-banner-content){
  align-items: center;
}

.page-banner-content-block:has(div.page-banner-content){
  max-width: 33%;
}

.page-banner-content-block:has(div.page-banner-content){
  position: relative;
  background-color: rgba(204,204,204,0.6);
  color: #000;
  padding: 20px;    
}

div.page-banner-title:only-child{
  padding: 5px 15px;
  background-color: #ccc;
  margin-bottom: 25px;  
}


@media screen and (max-width: 800px){
  div.page-banner-content-block{
    max-width: 100%;
  }
}