.fit

In components such as .venue and .teaser we are facing images with quite a complex alignment and clipping based on .object-fit. So we encapsulate all the related style into .fit component.

See also symmetrical .placeholder component for the case when image is missing.

Both of .fit and .placeholder -- are coded with absolute positioning, so it is expected to appear inside of component with position: relative and height.

Here is an example where height is 300px and fluid width
(stretch browser window)