JS Невозможно центрировать изображение после курсора

Question

Мне бы хотелось, чтобы изображение было центрировано по центру курсора.

JS скрипка

`https://jsfiddle.net/Mengolor/694nrcLz/36/`

Кто-нибудь может помочь?

снимок экрана инспектора

Большое спасибо, Лоренцо.

Answer 1

попробуйте следовать css код

img#image {
    position: absolute;
    display: none;
    z-index: 99;
    max-width: 50vw;
    transform: translate(-50%, -50%);
}

span:hover img#image {
    display: block;
    pointer-events: none;
}