JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid">
  <div class="row row-wrapp">
    <div class="col-sm-6 wrapper--left">
      <img src="http://i.imgur.com/ZrMo4RT.png" class="circle-image"/>
    </div>
    <div class="col-sm-6 wrapper--right">
      <img src="http://i.imgur.com/ZrMo4RT.png" class="circle-image"/>
    </div>
  </div>
</div>

CSS

.circle-image {
  height :100px;
  width : 100px;
}
.row-wrapp {
  position : relative;
}
.wrapper--left {
  position : relative;
  text-align : left;
  padding-left : 20%;
}
.wrapper--right {
  position : relative;
  text-align:right;
}
.wrapper--left::before {
    content : "";
    width : 30%;
    height : 1px;
    position: absolute;
    left : 0;
    top : 50px;
    color : #000;
    background-color :#000;
}
.wrapper--right::after {
    content : "";
    width : 50%;
    height : 1px;
    position: absolute;
    right : 0;
    top : 50px;
    color : #000;
    background-color :#000;
}