.title {
    background-image: url("../img/title-bg.jpg");
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 25px 0;
}

.title:before,
.title:after {
    position: absolute;
    background: #fff;
    content: '';
    width: 200%;
    height: 500px;
    left: 0;
}

.title:before {
    bottom: 100%;
    -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
            transform: rotate(1deg);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
}

.title:after {
    top: 100%;
    -webkit-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
            transform: rotate(-1deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
}