<div class="p-4">
  <img class="rounded w-full sm:w-1/2 lg:w-1/4 h-auto shadow-2xl" src="https://images.unsplash.com/photo-1584967918940-a7d51b064268?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=900&q=60" alt="Book on top of a  map. A camera, magnifiying glass and coffee next to the book" />
</div>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.8.13/tailwind.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.