/* About Page */

#page-header{
    background-image: url("../img/banner.png");
}
  
#about-head {
    display: flex;
    align-items: stretch; /* This makes both elements fill the full height */
    min-height: 70vh; /* Increased minimum height */
    height: 70vh; /* Fixed height for desktop */    
}

#about-head img {
    width: 50%;
    height: 100%; /* Fill parent height */
    object-fit: cover; /* Crop image to maintain aspect ratio */
    object-position: center; /* Focus on center of image */
}
  
  #about-head div{
    padding-left: 40px;
  }
  #about-head div p{
    line-height: 25px;
  }

  /* For mobile responsiveness */
@media (max-width: 1000px) {
    #about-head {
        flex-direction: column;
        min-height: auto;
        padding: 60px 80px;
    }
    
    #about-head img {
        width: 100%;
        height: 300px; 
        margin-bottom: 40px;
    }

    #about-head div{
        padding-left: 0px;
      }
}