2 columns with irregular shapes backgrounds
image:
http://imgur.com/a/JUcvF
CSS:
<style>
.sectionbanner {
display: flex;
background: #474546;
}
NOTE: the background in sectionbanner is the same color as the right side background
.left_side {
padding-left: 5%;
background: url(media/wysiwyg/banner_left.png);
background-repeat: no-repeat;
background-size: cover;
padding-top: 30px;
padding-bottom: 30px;
}
.right_side {
padding-left: 4%;
padding-right: 5%;
background: url(/media/wysiwyg/banner_right.jpg);
background-size: cover;
}
</style>