JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    
    <div class="triangle-gauche"></div>

    <div class="triangle-droit"></div>
    
</div>

CSS

body {
    margin:0px;
}
.container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height:300px;
    margin: 0 auto;
    background: url("http://i.imgur.com/4FQ6LwN.jpg?1") no-repeat center fixed; 
  -webkit-background-size: cover;
  background-size: cover;
}

.triangle-gauche {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
   background-image: url("http://i.imgur.com/4FQ6LwN.jpg?1");
}

.triangle-gauche:before, .triangle-gauche:after {
    content:'';
    position: absolute;
    bottom: 0;
    width: 80.5%;
    padding-bottom:10%;
    border:0px;
}

.triangle-gauche:before {
    right: 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}
.triangle-gauche:after {
    left: 0%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    background-color: white;

}

.triangle-droit {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.triangle-droit:before, .triangle-droit:after {
    content:'';
    position: absolute;
    bottom: 0;
    width: 20%;
    padding-bottom:20%;
    border:0px;
}

.triangle-droit:after {
    right:20%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewXdeg);
}

.triangle-droit:before {
    left: 80%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    background-color: white

}