.portfolio
{
    position:absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
}


.portfolioImg1
{
    position: absolute;
    left: 0;
    height: 100%;
    width: 33%;
    background-image: url("../img/1.webp");
    background-repeat: no-repeat;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s 0s ease-in-out;
    box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.75);
}

.portfolioImg2
{
    position: absolute;
    left: 33%;
    height: 100%;
    width:34%;
    z-index: 2;
    background-image: url("../img/2.webp");
    background-repeat: no-repeat;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s 0s ease-in-out;
    box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.75);
}

.portfolioImg3
{
    position: absolute;
    right: 0;
    height: 100%;
    width: 33%;
    background-image: url("../img/3.webp");
    background-repeat: no-repeat;
    background-position:center;
    background-size: auto 100%;
    transition: all 0.5s 0s ease-in-out;
    box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.75);
}

.portfolioImg1:hover,
.portfolioImg2:hover,
.portfolioImg3:hover
{
    z-index: 3;
    background-size: auto 110%;
    transition: all 0.5s 0s ease-in-out;
}