.vp-portfolio__item-has-hover-thumbnail {
    --vp-hover-images__object-fit: cover;
    --vp-hover-images__object-position: 50% 50%;
    --vp-hover-images__transition-duration: var(--vp-interactive__transition-duration);
    --vp-hover-images__transition-easing: var(--vp-interactive__transition-easing)
}

.vp-portfolio__item-has-hover-thumbnail .vp-portfolio__item-img .vp-portfolio__item-hover-img {
    height: 100%;
    left: 0;
    -o-object-fit: var(--vp-hover-images__object-fit);
    object-fit: var(--vp-hover-images__object-fit);
    -o-object-position: var(--vp-hover-images__object-position);
    object-position: var(--vp-hover-images__object-position);
    opacity: 0;
    position: absolute;
    top: 0;
    transition: transform var(--vp-hover-images__transition-duration) var(--vp-hover-images__transition-easing), opacity var(--vp-hover-images__transition-duration) var(--vp-hover-images__transition-easing), visibility var(--vp-hover-images__transition-duration) var(--vp-hover-images__transition-easing);
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.vp-portfolio__item-has-hover-thumbnail .vp-portfolio__item-focus-visible .vp-portfolio__item-hover-img,
.vp-portfolio__item-has-hover-thumbnail .vp-portfolio__item:hover .vp-portfolio__item-hover-img {
    opacity: 1;
    visibility: visible
}