Slide Over Content

The slide has an invisible overlay divided into two 50% wide sections.
The left section contains an image and the right one an HTML5 article element.

Article

The article element has an h1 heading and a paragraph.
The background color has an adjustment for opacity.

Position

The image and the article are centered in their containers and have a maximum width setting.
Their position from the top uses a percentage slider for quick adjustment.

Animated Content Slider
Viewport Height