document.addEventListener('DOMContentLoaded', function () {
// Seleciona os elementos
const hoverText = document.querySelector('.hover-text');
const hoverImage = document.querySelector('.hover-image');
if (hoverText && hoverImage) {
// Adiciona o evento de mouseover (quando o mouse entra no texto)
hoverText.addEventListener('mouseenter', function () {
hoverImage.style.display = 'block';
});
// Adiciona o evento de mouseout (quando o mouse sai do texto)
hoverText.addEventListener('mouseleave', function () {
hoverImage.style.display = 'none';
});
} else {
console.error('Elementos com as classes "hover-text" ou "hover-image" não foram encontrados.');
}
});