.mehhlysa-homepage .homepage-projects{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    margin: 150px 0px 100px 0px;
}

.mehhlysa-gallery .gallery-projects{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
    margin: 150px 0px 100px 0px;

}

   .mehhlysa-homepage .project,
   .mehhlysa-gallery .project{
        position: relative;
        overflow: hidden;
    }

    .mehhlysa-homepage .project-img{
        width: 100%;
        display: block;

    }

    .mehhlysa-gallery .project-img{
        width: 50vw;
        display: block;
    }
        
    .mehhlysa-homepage .project-title,
    .mehhlysa-gallery .project-title{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: black;
        font-size: 32px;
        opacity: 0;
        transition: opacity 0.25s ease-in;
        z-index: 2;
        white-space: nowrap;
    }

    .mehhlysa-homepage .project-link,
    .mehhlysa-gallery .project-link{
        text-decoration: none;
    }


     .mehhlysa-homepage .project::after,
     .mehhlysa-gallery .project::after{
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.5);
        opacity: 0;
        transition: opacity 0.25s ease-in;
        z-index: 1;
        pointer-events: none;
    }

    .mehhlysa-homepage .project:hover::after,
    .mehhlysa-homepage .project:hover .project-title,

    .mehhlysa-gallery .project:hover::after,
    .mehhlysa-gallery .project:hover .project-title{
        opacity: 1;
    }

    .mehhlysa-homepage .project-link:active .project-title,
    .mehhlysa-gallery .project-link:active .project-title{
        color: #111cf1;
        }

    @media (max-width:980px){
                        .mehhlysa-homepage .homepage-projects,
                        .mehhlysa-gallery .gallery-projects{
                            grid-template-columns: 1fr;
                            column-gap: 0px;
                            row-gap: 0px;

                        }

                        .mehhlysa-gallery .project-img{
                            width: 100vw;
                            display: block;
                        }

                        .mehhlysa-homepage .project-title,
                        .mehhlysa-gallery .project-title{
                            font-size: 58px;
                        }
                    
                    }