Background svg responsive

Bonjour,

J'ai une maquette HTML où j'ai un background en svg qui coupe 2 sections, je ne sait pas trop comment faire pourqu'ils s'affiche en taille réelle et qu'il soit responsive.

Ce que je fais

Actuellement, j'ai un div background, qui à un background en css avec le svg, sauf qu'il s'arrête à la hauteur de la section.

 <section class="wrapper_block about_concept">
      <div class="background_section_home"></div>
   <div class="background_section_d_home"></div>
   // le contenu de ma section
</section>

.background_section_d_home {
  background:url("../img/b_home-d.svg");
  position: absolute;
  top: 0;
  left: 0;
  width:1900px;
  height: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}