Задача

Необходимо создать эффект на сайте на WordPress: при наведении курсора на слово или фразу в тексте (заголовки, содержимое виджета и т.д.) должна выводиться соответствующая картинка или иллюстрация. Картинка должна исчезать при убирании курсора. Клики и щелчки мыши не используются.

Ожидаемый результат

• Эффект бесшовно работает на странице любой вёрстки;
• Плавное появление и исчезновение картинки без задержек;
• Место для картинки (всплывающий блок) не занимает пространство на странице, а появляется поверх контента.

Ключевые элементы

• Тип событий: hover (наведение/утягивание курсора);
• Технология: доступные методы для сайтов на WordPress: кастомный CSS и HTML; либо через встроенные инструменты в Elementor / Astra;
• Без шринкования: не предлагать плагины, которые изменяют вордпресс-строки кода без необходимости.

Что НЕ нужно

• Не с решением скобок функций;
• Без любых указаний на платные курсы для настройки;
• Без напоминаний блока базовых вордпресс-сообществ;
• Игнорировать действия щелчками по словам.

Конечная связь

Выдайте подробную, пошаговую инструкцию с готовыми css/php/js фрагментами.