Text Over Image
Text over image is used a lot in web designs. One commom application is an image about food preparaation with the overlay text for info, ingredients, instructions …
Text On Hover
The image below shows the text on hover when viewed on computers and laptops and on page load when viewed on touch devices with no hover function..
Images
The images in the examples are inserted in two sizes. They were cropped to 1200px wide and 600px wide respectively before importing into EverWeb.
Lazy Load
The first example does not need lazy loading since it is seen at page load. The second example has lazy loading turned on so that it doesn't download until the page is scrolled.