CSS / JS：具有MixItUp.js的奇怪动画/布局行为

Question

我使用基于内联块的基本布局与MixItUp.js一起提供过滤功能，以及column-count，以及流体/响应网格的媒体查询。我已经设置了一个jsfiddle here。

我的问题是，网格物品在首次加载时以及在进行过滤/过滤之后，在安装到位之前似乎会反弹一下。 （我已尝试在上面的GIF动画中捕获此行为。）我不确定这是否是由于响应图像适应网格项的宽度/高度并破坏动画，或者是它只是我的CSS的一个问题;但是我注意到如果窗口大小减少到单列（移动）布局，问题似乎根本就不会发生，事实上它很顺利 - 只有两个问题才有问题或三列。我在所有经过测试的浏览器中都看到了这一点（Chrome，Firefox，Edge。）

我尝试修改MixItUp.js中的动画设置，但没有运气。我怀疑这种不稳定的动画源自基于inline-block的布局，但我不确定原因。这里的任何帮助都非常感谢。

编辑：我看到动画GIF没有运行，哦，好吧......