Marketing Sale Tag Banner

The banner has two side by side images when viewed on computers and tablets. They switch to one above the other at the break point. The text panel overlays the bottom of the image and can appear on page load or on hover when viewed on computers. The optional sale tag appears on page load.
Image
The images should be cropped to the maximum width that they will be displayed at before importing into EverWeb. An image width of 800px is large enough for most purposes.
Container Styles
The wrapper has controls for adjusting the background color and its opacity and the vertical spacing from the items above and below it.
The container has a maximum width setting and there are controls for adjusting the left/right padding and the grid gap. They can can have a different setting for mobile phone.
Text
The heading can be aligned and there are options to show a text description and a link if required. There is a control for adjusting the vertical spacing of the heading, text and link when present.
Link
The link is an "Apple" style text link with a chevron or double chevron inserted as a pseudo element using the CSS "::after" selector.
If only one chevron is required, delete one instance of "\203A". Delete both if the chevron is not required. The link is configured to open an internal page only with no new window option.
Sale Tag
The optional sale tag can can have its font size and color adjusted and shares the background and opacity of the text container.