Html 同位素图像从元素的中心开始

我在一个使用同位素的网站上工作

文本工作良好，居中且充分显示

错误：在我放置图像的瓷砖上，图像从50%开始。即使图元很小，或宽度为2，或单击的宽度为2。它总是从元素右侧的一半开始

知道我做错了什么吗

当前示例：

当前元素代码（开头的一小部分）：

照片

团队RPG

我一直在使用Chrome的检查员来查看影响图像的CSS，并且我找不到任何建议图像应该在中间的东西。

---

有什么想法吗？

将图像直接添加到元素的根目录中不起作用。但是，将图像包装到另一个div标记中效果很好

<div id="container" class="clickable variable-sizes clearfix isotope">
    <div class="element justMe width2 height2 isotope-item " data-symbol="Dan Violet Sagmiller" data-category="halogen">
        Photo<br />
        <img src="/Content/dvs/DanVioletSagmiller.png" width="556" height="736" />
    </div>
    <div class="element majorProj " data-symbol="Teams RPG" data-category="post-transition">
        Teams RPG
    </div>