<style media="screen">
  .title-product-summary{
    margin-bottom: 3%;
  }
  .description-product-summary{
    margin-top: 2%;
  }
</style>

<a href="{{ .Permalink }}">
    <div class="summary border p-3 border-green-custom">
        <h2 class="text-3xl title-product-summary">
            {{ .Title }}
        </h2>
        <img src="{{ .Params.image | relURL }}" alt="-product-image-">
        <p class="description-product-summary text-white-custom">{{ .Description }}</p>
    </div>
</a>
