.template-9809 .image__links {
    opacity: 0;
    transition: opacity 0.3s;
}

.template-9809 .image__wrapper::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s;
    background: 
        linear-gradient(
            130deg,
            color-mix(in srgb, var(--color-3) 70%, transparent),
            color-mix(in srgb, var(--color-4) 70%, transparent)
        );
}

@media (min-width: 991.92px) {

    .template-9809:hover .image__wrapper::before,
    .template-9809:hover .image__links {
        opacity: 1;
    }
}

.template-9809 .image__slug:focus,
.template-9809 .image__file_slug:focus {
    background: unset !important;
}

.mfp-zoom-out-cur, 
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;    
}