.portfolio-items-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.portfolio-item-wrapper{
    position: relative;
}

/* .portfolio-item-wrapper:hover{
    position: relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
} */

.portfolio-image-wrapper{
    height: 250px;
    width:100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.title-subtitle-wrapper{
    cursor: pointer;
    position: absolute;
    top:0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    padding: 0px 100px;
}

.title-subtitle-wrapper {
    font-weight: 400;
    font-size: 30px;
    transition: 1s;
    color: transparent;
}
.title-subtitle-wrapper .subtitle-wrapper a{
    transition: 1s ease-in;
    color: transparent;
}
.title-subtitle-wrapper:hover .title-wrapper {
    transition: 1s ease-out;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 25px;
    color: ghostwhite;
    font-family: 'Antic Slab';
    
}
.title-subtitle-wrapper:hover .subtitle-wrapper a{
    transition: 1s ease-out;
    font-size: 20px;
    color: rgb(221, 221, 221);
}
.img-filter{
    transition: 1s;
    filter: brightness(30%);
}