The image reset provides minimal styles to semantic HTML5 images.
The styles applied to every image ensures:
- Its width never exceeds the boundaries of its parent container.
- Its aspect ratio is preserved.
This example shows an image smaller than the main column width, so its size and aspect ratio are preserved without resizing.
This example shows an image larger than the main column width, so its width is constrained to the main column's width while preserving its aspect ratio.