I have a grid of components that have an image and caption, theres an info icon where the caption icon is that on hover will display an info box but this is cutoff at the edge of the card. Ive tried to turn overflow-visible but this messes up the grid layout – the image and caption become split. Any solutions?

it works in the standard non grid layout if i have overflow-visible but in the grid layout the component breaks apart leaving the image and caption on different columns and rows