JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container-fluid">

  <div class="headerfilo"></div>
  <div class="row">

    <div class="headfil">
      <div class="col-md-5 left" style="background-color: #FF9999">Left</div>
      <div class="col-md-4 top">
        <h3>FILOSOFI</h3>
      </div>
      <div class="col-md-3" style="background-color: #FF9999">Right</div>
    </div>

  </div>
  <div class="row">
    <div class="midfil">
      <div class="col-md-5">
        <div id="bild" class="bildfilo"></div>
      </div>
      <div class="col-md-4">
        <p>Trivs du med att arbeta agilt, med prestigelöshet och i en platt organisation där dina prestationer syns och uppmärksammas? Då kan Acino vara företaget för dig. Just nu har vi öppningar på följande positioner men vi är alltid intresserade av nya
          talanger </p>

        <p>Trivs du med att arbeta agilt, med prestigelöshet och i en platt organisation där dina prestationer syns och uppmärksammas? Då kan Acino vara företaget för dig. Just nu har vi öppningar på följande positioner men vi är alltid intresserade av nya
          talanger
        </p>
      </div>
      <div class="col-md-3" style="background-color: #FF9999">Right</div>
    </div>
  </div>
</div>

CSS

@media (max-width: 760px)  {
  .top {
    position: absolute;
    top: 0;
  }
  .left {
    margin-top: 5em;
  }
}