images should be displayed properly

artel/store/templates/store/partials/product_card.html

@@ -3,7 +3,9 @@
 <div class="card h-100" >
     <div class="card-header text-truncate">{{item.title}}</div>
     <div class="card-body p-0">
-      <img src="{{item.main_image.url}}" class="img-fluid rounded mx-auto d-block" style="width: 10rem; height: 15rem;" alt="{{item.title}}">
+      <img src="{{item.main_image.url}}"
+      class="img-fluid img-thumbnail rounded mx-auto d-block mt-2 mb-2" 
+      style="width: 13rem; height: 15rem;" alt="{{item.title}}">
 
       <div class="card-footer row d-flex mt-3 m-0">
         <div class="col">