JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-fluid">    
    <div class="row my-row">                   
        <div class="col-xs-3 col-sm-3 col-md-3 my-col">
          <img src="http://placehold.it/300x400" class="img-responsive" alt=""/>
          <img src="http://placehold.it/300x400" class="img-responsive" alt=""/>
        </div>                       
        <div class="col-xs-6 col-sm-6 col-md-6 my-col">
          <img src="http://placehold.it/600x803" class="img-responsive" alt=""/>
        </div>   
        <div class="col-xs-3 col-sm-3 col-md-3 my-col">
          <img src="http://placehold.it/200x210" class="img-responsive" alt=""/>
          <img src="http://placehold.it/200x323" class="img-responsive" alt=""/>
        </div>              
	</div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

img {
  margin: 3px;  
  width: 100%;  
}

.my-row {
  display: table;
  overflow: hidden;
}

.my-col {
  display: table;
  overflow: hidden;
}

.col-sm-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.col-sm-3 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  
}