TailwindsCSS Simple Image & Text Widget

<div class="grid gap-2 grid-cols-1 ">


<div class="p-5 col-span-1 row-span-1 justify-center"><div class="col-span-1 bg-black bg-opacity-70 p-5 rounded text-white font-extralight xl tracking-widest mb-5">

  <p>

    LOREM IPSUM

  </p>

  </div>

<a href="YOURLINKHERE" rel="nofollow">

<img class="rounded w-full" src="YOURIMAGEURLHERE">

</a>
<div class="col-span-1 bg-black bg-opacity-70 p-5 rounded text-white font-light tracking-normal mt-5">

  <p class="">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla in justo a dapibus. In quam leo, malesuada ut fermentum sed, mollis sed orci. Aliquam tincidunt quam vel nisi dapibus, nec consectetur tellus tristique. Etiam viverra volutpat neque, vitae ornare nulla ultricies vitae. Sed pharetra venenatis enim in viverra. Vestibulum cursus diam sagittis arcu fermentum, sit amet vulputate nunc posuere. Maecenas pulvinar velit elementum auctor tempus. Aliquam consequat sed lacus ac rutrum. Donec id est libero. Suspendisse erat velit, mollis eu gravida vitae, commodo a dolor.

    </p>


    </div>
    <p>
<a href="https://buzzly.art/~Voskhod"><i class="fas fa-code text-sm pt-5"></i></a>
    </p>
</div>

</div>