One element pushes the others

Hi everyone!
Recently, I have found a CodePen project that for some reason has the anomaly where one element pushes everything on the page when it is animated(on hover). I tried to figure out what’s wrong but I didn’t manage to. I think this is a very interesting issue and would also help me to know how to fix it if it happens to me. Anyway, here’s the code
(#div3 is the one causing the problem)

The reason is in the CSS Code. Try to see what that panel has for the class(.bio-3) and what others have (.bio-12).
Then if we check the CSS rules under .bio-3:hoover and bio-12:hoover and compare them the bug would be revealed and you’d also know what’s the correct value.