lo que queria saber es si hay alguna manera de saber cuanto algun elemento esta en **hover**, me serviría mucho para remover clases o agregar clases en JS, ya que algunas cosas se desactivan cuando no esta en hover mi div.

Logre hacer algo pero se desactiva con el tiempo y para ativarlo de nuevo le tienes que vovler a clickear:

´´´ 

    function prueba(carta = card) {
    document.querySelectorAll(".cajaGrafico").forEach(item => {
        item.classList.remove('pointerEvents');
    });

    setTimeout(function() {
        document.querySelectorAll(".cajaGrafico").forEach(item => {
            item.classList.add('pointerEvents');
        });
    console.log('se acabo el tiempo');
    }, 20000 );
    
} 

``` 
.card:hover {
    z-index: 8;
    transform: scale(1.12);
    box-shadow: 9px 40px 30px rgba(0, 0, 0, 0.5);
    background-color: #292929;
}  
´´´