Спасибо большое. Но к сожалению не помогло. Есть некоторые отличия:
<div class="products-container">
<div class="row">
{% for product in products %}
<div class="product-layout product-items product-list col-12">
<div class="card h-100">
<div class="image position-relative px-2 px-md-3 pt-2 pb-2">
<a href="{{ product.href }}">
<img src="{{ product.thumb }}" srcset="{{ product.thumb }} 1x, {{ product.thumb2x }} 2x, {{ product.thumb3x }} 3x, {{ product.thumb4x }} 4x" alt="{{ product.name }}" title="{{ product.name }}" class="img-fluid mx-auto d-block" />
</a>
col-lg-3 встречается в файле трижды, поменял как Вы написали, но к сожалению не помогло.