if (rect.top >= 0 && rect.bottom <= window.innerHeight) {
image.classList.add('visible'); // Añadir la clase 'visible' para elevar la imagen
} else {
image.classList.remove('visible'); // Eliminar la clase 'visible' cuando no está en vista
}
});
}
// Llamar la función cada vez que se haga scroll
window.addEventListener('scroll', checkVisibility);
// Llamar la función al cargar la página, en caso de que algunas imágenes estén ya visibles
checkVisibility();
});