Stretch an image to fill the container edge-to-edge.
image-fill class by itself, without
position-absolute as a parent class. This will stretch image from edge-to-edge of your screen.
<div class="position-relative image-ratio-16-9"> <img class="image-fill" src="../image/fpo.jpg" title="click for full-screen demonstration" /> </div>
Stretch the image to fill the container edge-to-edge. Apply the
image-fill class as in the above example. Requires
position-relative as a parent class, and an image source
image-fill-after class is available.