.image-container {
        position: relative;
        width: 100%;
        /* adjust as needed */
        height: 500px;
        /* adjust as needed */
        overflow: hidden;
        font-family: Arial, sans-serif;
    }

    .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Black overlay with opacity */
    .image-container::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.3);
        /* 50% dimming */
    }

    /* Text layer */
    .image-container .text {
        position: absolute;
        top: 80px;
        /* position near top */
        left: 10%;

        color: white;
        /* crisp, bright text */
      
        z-index: 2;
        /* above overlay */
        
    }

       .image-container .text img{
        width: 250px;
        object-fit: contain;


       }

       .image-container .text p{
        margin-top: 20px;


       }