Slide Over
The slide over has a two column grid layut with adjustable relative column widths and a layout switch function.
Image
The image is inserted in two sizes with the smaller square or portrait image for mobile phones in portrait mode. The images have a lazy loading option and have the option to add a border.
Mobile Functions
Below the breakpoint the text block overlays the image with controls for text color, span color and for the background color and its opacity.
Animation
The overlay can animate in if required and has controls for the animation time and delay set in milliseconds.
The animation can occur once or every time the item enters the viewport.
By default the animation is removed for mobile phones but this can be added if really necessary.