query hover effect working