如何在边界半径变化时停止元素移动？

So I've just got this small extract of code which I want to go ahead and add some more effects too. At the moment though, the problem I'm having is that when the border-radius changes (from 0 to 5px), then the image jumps down and to the right, so not really getting the smooth transition I'm looking for. Here is the code:So I've just got this small extract of code whi