Miscellaneous
Object Fit
Contain
<div class="w-full bg-gray-300">
<img class="object-contain h-48 w-full" src="https://flex.bob-humphrey.com/img/lisbon_5.jpg" loading="lazy" alt="Lisbon">
</div>
Cover
<div class="w-full bg-gray-300">
<img class="object-cover h-48 w-full" src="https://flex.bob-humphrey.com/img/lisbon_5.jpg" loading="lazy" alt="Lisbon">
</div>
Fill
<div class="w-full bg-gray-300">
<img class="object-fill h-48 w-full" src="https://flex.bob-humphrey.com/img/lisbon_5.jpg" loading="lazy" alt="Lisbon">
</div>
None
<div class="w-none bg-gray-300">
<img class="object-cover h-48 w-full" src="https://flex.bob-humphrey.com/img/lisbon_5.jpg" loading="lazy" alt="Lisbon">
</div>