Как выровнять изображения, которые я загружаю с сайта администратора для магазина Django по горизонтали

Question

изображение того, как выглядит веб-сайт я разрабатываю платформу электронной коммерции на django shop, django version 2.0.5, загружаю свои изображения с сайта администратора, и я хочу, чтобы они автоматически выравнивались по горизонтали. они не совпадают, и я попытался найти рабочее решение, но безуспешно

я предоставил изображение того, как сайт выглядит в настоящее время

Я попробовал некоторые фрагменты кода CSS и не работает

Мой фрагмент кода HTML это строки 20-31

</div>
  <div id="main" class="product-list">
    <h1>{% if category %}{{ category.name }}{% else %}Products
    {% endif %}</h1>
    {% for product in products %}
      <div class="item">
        <a href="{{ product.get_absolute_url }}">
          <img src="{% if product.image %}{{ product.image.url }}{% else     %}{% static "img/no_image.png" %}{% endif %}"> </a>
        <a href="{{ product.get_absolute_url }}">{{ product.name }}</a>
        <br>
        ${{ product.price }}
        </div>

фрагмент кода CSS это

img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}
#main {
    float:left;
    width: 96%;
    margin-right:-220px; 
    overflow:hidden;