JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div class="row  right-image-section">

  <div class=" col-lg-7 col-md-7 col-sm-12 col-xs-12 paddimg-set pull-right">
    <img src="https://fakeimg.pl/500x500/" alt="built" class="img-responsive only-right-image all-image-small" title="built-image">
  </div>

  <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 paddimg-set-right-image pull-left">
    <div class="big-text">
      It's built like a tank.
    </div>
    <div class="small-text">
      Thick aluminium panels are precision machined on a latest gen 5-axis CNC machine The .al looks and feels like a piece of precision engineering.
    </div>
  </div>
</div>

CSS

.right-image-section {
    padding: 100px 100px 100px 140px;
}

.paddimg-set {
    padding: 0 !important;
}

.only-right-image {
    float: right;
}

.paddimg-set-right-image {
    padding: 0 15px 0 0 !important;
}

.big-text {
    font-size: 40px;
    line-height: 60px;
    font-family: "Helvetica Light",Helvetica,sans-serif;
}

.small-text {
    font-size: 17px;
    line-height: 23px;
    margin-top: 20px;
    font-family: "Helvetica Light", Helvetica, sans-serif;
}