prevent CSS elements from moving when hovering over element

Question

I am building an app in React where I have Material UI icons with text below each image hidden . I use flexbox for the layout of the icons . When I hover