JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css">
<div id="crewpersoneel" class="container sectionPadding">
  <div class="row">

    <div class="col-sm-4 textLeft featuresText">
      <h3>Feature 1</h3>
      <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature</p>

      <button class="btn">
      see pricing plans below</button>
    </div>

    <div class="col-sm-7 imgRight pull-right">
      <img src="http://lorempixel.com/600/300/" alt="">
    </div>

  </div>
</div>

<div id="crewpersoneel" class="container sectionPadding">
  <div class="row">

    <div class="col-sm-7 imgLeft pull-left">
      <img src="http://lorempixel.com/600/300/" alt="">
    </div>
    
    <div class="col-sm-4 textRight featuresText">
      <h3>Feature 2</h3>
      <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature</p>

      <button class="btn">
      see pricing plans below</button>
    </div>

  </div>
</div>

SCSS

.textLeft, .textRight{
        h4{ margin-bottom: 100px;}
        p{
            font-weight: 300;
            font-size: 17px;
            line-height: 33px;
            color: $textlight;

            margin-bottom: 75px;
        }
    }

    .imgRight, .imgLeft{
        min-height: 700px;
        position: relative;
    }