.portfolio-hover .portfolio-info {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 25px;
    text-align: center;
    pointer-events: none;
    text-align: left;
    margin-bottom: 8px;
}

.portfolio-hover :is(.wrap-title,.wrap-meta) {
    overflow: hidden
}

.portfolio-hover .portfolio-thumbnail {
    transition: transform .5s ease, opacity .5s ease;
    transform: scale(1)
}

.portfolio-hover .portfolio-thumbnail:after {
    transition: visibility .5s ease, opacity .5s ease
}

.portfolio-hover :is(.proj-cats-list,.wd-entities-title) {
    opacity: 1;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.portfolio-hover .proj-cats-list {
    transform: translateY(0px);
}

.portfolio-hover .wd-entities-title {
    transform: translateY(0px);
}

.portfolio-hover:hover :is(.proj-cats-list,.wd-entities-title) {
    opacity: 1;
    transform: translateY(0)
}

.portfolio-hover:hover .portfolio-thumbnail {
}