<div class="container">
  <div class="row">
    <div class="col-6">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla sunt aperiam, voluptates blanditiis distinctio labore nemo doloremque perferendis dolores laborum dolorum doloribus molestias rem vero incidunt optio sint consequuntur facilis sit necessitatibus earum repudiandae aspernatur? Animi corrupti, voluptate voluptatibus ratione ullam, amet autem modi nisi doloremque, eligendi numquam tenetur! Pariatur quis tenetur iusto cum atque ut minus harum eligendi ipsum, reprehenderit minima maxime dolorum fuga, doloremque, commodi placeat! Distinctio, nemo! Cupiditate quae sint dignissimos delectus ratione aliquid. Rem quasi nisi amet iste pariatur, ut sit eveniet voluptatibus a libero temporibus iusto magni impedit molestias deserunt blanditiis? Possimus optio eveniet dolorem.</div>
      <div class="col-6 black-right"> </div>
    <div class="col-6 black-left"> </div>
      <div class="col-6">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla sunt aperiam, voluptates blanditiis distinctio labore nemo doloremque perferendis dolores laborum dolorum doloribus molestias rem vero incidunt optio sint consequuntur facilis sit necessitatibus earum repudiandae aspernatur? Animi corrupti, voluptate voluptatibus ratione ullam, amet autem modi nisi doloremque, eligendi numquam tenetur! Pariatur quis tenetur iusto cum atque ut minus harum eligendi ipsum, reprehenderit minima maxime dolorum fuga, doloremque, commodi placeat! Distinctio, nemo! Cupiditate quae sint dignissimos delectus ratione aliquid. Rem quasi nisi amet iste pariatur, ut sit eveniet voluptatibus a libero temporibus iusto magni impedit molestias deserunt blanditiis? Possimus optio eveniet dolorem.</div>
  </div>
</div>

body{
  overflow-x:hidden;
}
.black-right{
  background:#000;
  position:relative;
  &:after{
    content:"";
    width:300%;
    height:100%;
background:red;
    position:absolute;
    right:-300%;
  }
}
.black-left{
  background:#000;
  position:relative;
  &:after{
    content:"";
    width:300%;
    height:100%;
background:red;
    position:absolute;
    left:-300%;
  }
}