在调整浏览器大小时将图像设置为中心动画

Question

我现在在如此多的模态画廊中看到了这种效果，当浏览器调整大小时，图像平滑地动画到中心，而不仅仅是一个混蛋。 现在，我已经做了一个小提琴，将图像添加到中心，并添加了一个css转换，但不知何故，它仍然在浏览器调整大小后晃动。 请告诉我我在做错了什么。 谢谢。 这是小提琴 Fiddle

.fullImages {
margin: auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 133;
border: 3px solid black;
max-height: 78%;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.5);
box-shadow: 0 2px 10px rgba(0,0,0,.5);
margin-top: 33px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.55s ease;

}

下面是一个示例点击任何图像并调整浏览器大小以查看模态图像的中心动画。 Lightbox Example