Reveal On Hover
When designing responsive pages it's important to remember that hovers ae of limited use since they don't work on mobile touch devices. Images, for example, should not be created as a link unles they can display a link icon on touch devices. Otherwise the visitor has no way of knowing that it is aa link.
Hovers can be used if there is an alternative way of creating the hover state for mobile device users.
When this page is viewed on a tablet or phone an icon appears. Tapping it will open the "cutrains" and tapping anywhere outside of the item will close them.
Images
The animated overlay inserts the image in two sizes. In this case the large image is 1200px wide and the smaller one for mobile devices is 720px wide.
Curtain Angle
The angle at which the left and right "curtains" meet can be varied from approximately 45° left through vertical to 45° right using a slider.