.about-us-title {
    font-family: 'Nasalization', sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #243757; /* Darker blue */
}

.section-heading{
    font-size: 28px;
    color: #243757;
    line-height: 35.4px; 
}
.about-us-text {
    font-size: 18px;
    color: #243757;
    line-height: 24.4px;
}

.img-container{
   overflow: hidden;
}

.about-us-container{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white !important;
}


.img-overlay-background{
    width:30%; 
    height:auto; 
    bottom:0px; 
    right:0px  
}

 .img-overlay-button{
    cursor: pointer;
    bottom:12px; 
    right:12px;   
}



@media (min-width: 992px) {

    .about-img{
        transition: 0.4s ease-out;
    }

    .img-container:hover .about-img {
        transform: scale(1.1);
    }

    .img-overlay{
        transform: translateX(100%);
        transition: 0.4s ease-out;
    }

    .img-container:hover .img-overlay{
        transform: translateX(0);
    }

    .img-overlay-background{
        width: 20%; 
        height: auto;
        bottom:0px; 
        right:0px  
    }

    .img-overlay-button{
        bottom:12px; 
        right:12px;   
    }
    
}