themes/tella/layouts/products/summary.html aktualisiert

themes/tella/layouts/products/summary.html

@@ -5,6 +5,13 @@
   .description-product-summary{
     margin-top: 2%;
   }
+
+  .product-image-custom {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
 </style>
 
 <a href="{{ .Permalink }}" class="transform hover:-translate-y-1 hover:shadow-md duration-500">
@@ -12,7 +19,7 @@
         <h2 class="text-3xl title-product-summary text-white-custom">
             {{ .Title }}
         </h2>
-        <img src="{{ .Params.image | relURL }}" alt="-product-image-">
+        <img src="{{ .Params.image | relURL }}" alt="-product-image-" class="product-image-custom">
         <p class="description-product-summary text-white-custom">{{ .Description }}</p>
     </div>
 </a>