HTML CSS
(quick & simple example)
<figure class="textover"> <img src="IMAGE.jpg"> <figcaption>CAPTION </figcaption> </figure>
PLACE TEXT AT BOTTOM LEFT CORNER .textover { position: relative; } .textover figcaption { position: absolute; bottom: 0; left: 0; }
RESPONSIVE IMAGE .textover img { width: 100%; } .textover { max-width: 600px; }
CAPTION TEXT COSMETICS .textover figcaption { color: white; background: rgba(0,0,0,0.5); }