jcadima
6/22/2017 - 1:29 PM

2 columns with irregular shapes backgrounds

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>