Responsive Width Images

Responsive Width Fixed Height Image
Responsive Image

Fixed or Responsive Height

These widgets insert a responsive width image with maximum width setting to controll the size at wide browser settings. They both use an HTML5 figure element with an optional, centered fig caption. The caption can be placed at a variable distance from the top or bottom.
The first example uses a background image to allow a fixed height. The second one uses an <img> tag for responsive width and height.
If viewing this page on a computer, vary the browser width to see the difference in the way the images react to a change in browser width.

Fixed Height
Responsive Width
Responsive Width & Height Image
Responsive Width & Height

These widgets are included in the Full Width widget pack.

EverWeb Widgets | Full Width