html - 同位体画像は元素の中心から始まります

Question

isotope.metafizzy.coの Isotope を使用するサイトに取り組んでいます。

テキストは正常に機能し、センタリングされ、完全に表示されます。

バグ: 画像を配置しているタイルでは、画像が 50% から始まります。要素が小さい場合でも、幅 2 の場合でも、クリックされた幅の場合でも。常に要素の右半分から始まります。

私が間違っていることは何か分かりますか？

現在の例: http://warpwars.net/Team/DanVioletSagmiller

現在の要素コード (先頭のごく一部):

<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>

私は Chrome のインスペクタを使用して画像に影響を与える CSS を調べてきましたが、画像が中央にあることを示唆しているように見えるものは何も見つかりません。

何か案は？