Responsive images
<img src="https://mdbootstrap.com/img/new/slides/041.jpg" class="max-w-full h-auto" alt="..." />
Thumbnails
<div class="flex flex-wrap justify-center">
<img
src="https://mdbootstrap.com/img/new/standard/city/041.jpg"
class="p-1 bg-white border rounded max-w-sm"
alt="..."
/>
</div>
Shadows
<div class="flex flex-wrap justify-center">
<img
src="https://mdbootstrap.com/img/new/standard/city/042.jpg"
class="max-w-sm h-auto shadow-lg"
alt=""
/>
</div>
Shadow on hover
<div class="flex flex-wrap justify-center">
<img
src="https://mdbootstrap.com/img/new/standard/city/043.jpg"
class="max-w-sm h-auto transition-shadow ease-in-out duration-300 shadow-none hover:shadow-xl"
alt=""
/>
</div>
Shapes
<div class="grid grid-cols-3 gap-4 flex items-center">
<div class="mb-4">
<img src="https://mdbootstrap.com/img/new/standard/city/047.jpg" class="max-w-full h-auto rounded-lg" alt="">
</div>
<div class="mb-4">
<img src="https://mdbootstrap.com//img/Photos/Square/1.jpg" class="max-w-full h-auto rounded-full" alt="">
</div>
<div class="mb-4">
<img src="https://mdbootstrap.com/img/new/standard/city/044.jpg" class="max-w-full h-auto rounded-full" alt="">
</div>
</div>