I have the following design that I need to replicate via css etc. The left/right background images need to be editable via a CMS thus why I have used an inline `background-image` style.

I just want to know how to make the left image have an angled/slanted right edge with a gold border etc and then how to angle the right image so its parallel. Not worried about the content inside them at this stage.

[![enter image description here](https://i.stack.imgur.com/yM5Vy.jpg)](https://i.stack.imgur.com/yM5Vy.jpg)

I have a demo here: <http://codepen.io/ifusion/pen/KNxNxL>

How would one do this using CSS? I am using bootstrap as well (which has been added in the demo)