Text Wrap Image

Text wrapping an image means that the image only needs 50% (in thise case 480px) of the width so the file is smaller and doesn't required a second smaller image for mobile devices.

Wrap Text

Text wrapping an image is rather dated since it associated with print media. However it can be brought into this century by making it suitable for responsive web pages.
Image
The image is floated left in the usual way with a 50% width and a suitable right marign.
The image is inserted in an HTML5 <figure> element with an optional overlay caption in the <figcaption> tags.
The image has controls for border width, color and radius.
On devices with a screen width less than the breakpoint setting the image becomes full width and pushes the text down below it. The image can have a border to define its edges if required and has a control for border radius
Text Area
To add some more up to date features and functionality the text has a block heading and the wrap text can have sub headings using styled spans with controls for font size, color and text align.
Mark
Words or phrases can be highlighted using the <mark> tag and to draw attention to a link in the navigation bar to related information.
The mark tag has controls for font color and background.
Links
The optional row of links can have a mix of internal and external destinations. They have controls for link minimum width and horizontal spacing.
The links have a control for border radius and have a background hover animation.

Carousel

The carousel has controls for setting the number of images to show for computer, tablet landscape, tablet portrait and phone in portrait mode.

Video Title

The Vimeo video has a lazy loading function and will pause when the accordion content is closed.
Non 16:9 aspect videos require their width and height to be entered into the widget settings.