Dynamic Hover States

I am working on a drag and drop activity where learners put stars on a grid based on how they wish to rate the items the stars represent.  The learner sees the description of each star when they hover over it - a callout box appears to the star's left.  However, when they drop it on the left side of the grid, the callout box falls off the screen.  How can I set the states such that an item that is dropped on the left side of the grid has the hover state render the callout box on the other side?  (ie 2 hover states that conditionally appear depending on where it's dropped).