Different ways of showing images on this site
I’m making a new image display component for this site and this is some documentation of its different parts.
Not promise to be current or helpful is made.
Starting with
The Container
The image is set to be the width of the paragraphs by default.
The max-height of the image is 50vh.
Object-fit is set to ‘cover’. (It would be fun to have it automatically select object-position for which part to zoom into)
With a 4:3 image
With a Widescreen image
with a Portrait image
with a Fancy B&W image
With a really long pano image
The Double Image Mk II
Image container with a Lightbox