Default (width/height both undefined)
Width: 250px (50%), object-fit: contain
Width: 250px (50%), object-fit: cover
Width: 250px (50%), object-fit: fill
Width: 250px (50%), object-fit: none
Width: 250px (50%), object-fit: scale-down
Width: 500px (100%), object-fit: contain
Width: 500px (100%), object-fit: cover
Width: 500px (100%), object-fit: fill
Width: 500px (100%), object-fit: none
Width: 500px (100%), object-fit: scale-down
Width: 750px (150%), object-fit: contain
Width: 750px (150%), object-fit: cover
Width: 750px (150%), object-fit: fill
Width: 750px (150%), object-fit: none
Width: 750px (150%), object-fit: scale-down
Height: 250px (50%), object-fit: contain
Height: 250px (50%), object-fit: cover
Height: 250px (50%), object-fit: fill
Height: 250px (50%), object-fit: none
Height: 250px (50%), object-fit: scale-down
Height: 500px (100%), object-fit: contain
Height: 500px (100%), object-fit: cover
Height: 500px (100%), object-fit: fill
Height: 500px (100%), object-fit: none
Height: 500px (100%), object-fit: scale-down
Height: 750px (150%), object-fit: contain
Height: 750px (150%), object-fit: cover
Height: 750px (150%), object-fit: fill
Height: 750px (150%), object-fit: none
Height: 750px (150%), object-fit: scale-down
Width & Height: 250px (50%), object-fit: contain
Width & Height: 250px (50%), object-fit: cover
Width & Height: 250px (50%), object-fit: fill
Width & Height: 250px (50%), object-fit: none
Width & Height: 250px (50%), object-fit: scale-down
Width & Height: 500px (100%), object-fit: contain
Width & Height: 500px (100%), object-fit: cover
Width & Height: 500px (100%), object-fit: fill
Width & Height: 500px (100%), object-fit: none
Width & Height: 500px (100%), object-fit: scale-down
Width & Height: 750px (150%), object-fit: contain
Width & Height: 750px (150%), object-fit: cover
Width & Height: 750px (150%), object-fit: fill
Width & Height: 750px (150%), object-fit: none
Width & Height: 750px (150%), object-fit: scale-down
Width: 250px (50%), Height: 500px (100%), object-fit: contain
Width: 250px (50%), Height: 500px (100%), object-fit: cover
Width: 250px (50%), Height: 500px (100%), object-fit: fill
Width: 250px (50%), Height: 500px (100%), object-fit: none
Width: 250px (50%), Height: 500px (100%), object-fit: scale-down
Width: 250px (50%), Height: 750px (150%), object-fit: contain
Width: 250px (50%), Height: 750px (150%), object-fit: cover
Width: 250px (50%), Height: 750px (150%), object-fit: fill
Width: 250px (50%), Height: 750px (150%), object-fit: none
Width: 250px (50%), Height: 750px (150%), object-fit: scale-down
Width: 500px (100%), Height: 250px (50%), object-fit: contain
Width: 500px (100%), Height: 250px (50%), object-fit: cover
Width: 500px (100%), Height: 250px (50%), object-fit: fill
Width: 500px (100%), Height: 250px (50%), object-fit: none
Width: 500px (100%), Height: 250px (50%), object-fit: scale-down
Width: 500px (100%), Height: 750px (150%), object-fit: contain
Width: 500px (100%), Height: 750px (150%), object-fit: cover
Width: 500px (100%), Height: 750px (150%), object-fit: fill
Width: 500px (100%), Height: 750px (150%), object-fit: none
Width: 500px (100%), Height: 750px (150%), object-fit: scale-down
Width: 750px (150%), Height: 250px (50%), object-fit: contain
Width: 750px (150%), Height: 250px (50%), object-fit: cover
Width: 750px (150%), Height: 250px (50%), object-fit: fill
Width: 750px (150%), Height: 250px (50%), object-fit: none
Width: 750px (150%), Height: 250px (50%), object-fit: scale-down
Width: 750px (150%), Height: 500px (100%), object-fit: contain
Width: 750px (150%), Height: 500px (100%), object-fit: cover
Width: 750px (150%), Height: 500px (100%), object-fit: fill
Width: 750px (150%), Height: 500px (100%), object-fit: none
Width: 750px (150%), Height: 500px (100%), object-fit: scale-down
