Responsive Width Images
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.
These widgets are included in the Full Width widget pack.