Blog Card

<a href="/pages/demos/blog-article-page/" class="card--picture transition-all flex-shrink-0 inline-block w-56 sm:w-72">
  <div class="relative rounded-lg overflow-hidden h-36 ">
    <div class="absolute inset-0 bg-picture-overlay"></div>
    <img src="/assets/images/cards/" alt="" class="w-full h-full object-cover"></div>
  <div class="flex flex-col">
    <h6 class="font-semibold tracking-none text-sm/4 "></h6>
    <p class="text-gray-600 mt-2 line-clamp-2 text-xs"></p>
  </div>
</a>