@media(min-width: 992px){
    .fullview-without-nav {
        max-height: var(--fullview-without-nav);
    }
    
    .list-image-wrapper {
        width: 55%;
        /* border: 1px solid black; */
    }
    .list-portfolio-wrapper {
        width: 45%;
        /* border: 1px solid black; */
        padding-left: 5rem;
    }
    .image {
        height: var(--fullview-without-nav);
    }
    
    .portfolio {
        font-size: 2rem;
        opacity: .25;
        cursor: pointer;
        transition: all .4s ease-in-out;
    }
    
    .portfolio.active, .portfolio:hover {
        opacity: 1;
    }
    
    .image img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        object-fit: cover;
    }
}

.list-portfolio-inner {
    transform: translateY(calc(50vh - var(--nav-height)));
}