Miscellaneous

Object Fit

Contain

Lisbon

    <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

Lisbon

    <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

Lisbon

    <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

Lisbon

    <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>