See image overlay examples

Image overlay

A row consisting of up to 4 columns to display images with hover-over text.
Custom column widths	Controls how 3 or 5 columns appear when the browser is between 768-991px e.g. keeping all the columns next to each other, making the first column full width and columns 2 and 3 underneath etc.
Make full width	Force the row to be full browser width with a small amount of internal padding and external margin all around.
Remove padding	Can be used in conjunction with the "Make full width". This option removes the small amount of left and right internal padding to force the content to be the full width of the browser window.
Remove margins	Remove the top and bottom external margins from this content.
Image grid	Click "Add new image" button to create new columns as below
Image	Select the image
Title	Enter the title which will appear on top of the image.
Hover text	Enter the text to appear when hovering over the image.
Type URL	Enter the URL when clicking on the image.
Open in new window	Select whether the URL should open in a new tab when the image is clicked.

Content options	Tick to enable access to a variety of content options as below.
Intro text	Content to appear above (or below) the primary content block.
Primary font colour	Adjust the font colour on the front end. This option is useful for instance if you wanted white text as you wouldn't be able to see the text within the backend interface if you changed the font colour using the normal text colour button. Note: you can still change individual words using the normal font colour button in the toolbar if you so desire.
Content inset	Adjust the content so it occupies less horizontal width. Useful to reduce long lines of text to make them more readable.
Position	Select where to put the intro text - either above or below the primary content.

See image overlay examples