<div class="col-12">

  <div class="d-flex flex-column flex-md-row justify-content-between align-items-stretch">

    <div class="d-flex flex-column justify-content-between pr-md-3 pb-3 pb-md-0" style="flex: 1;">

      <div>

        <span class="badge badge-primary">1</span> When entering from King's Road, Pan Hoi Street looks like this. Go to the location of the red arrow:

      </div>

      <img class="img-fluid" style="" src="{{ get_url(path='images/directions_1@2x.png', cachebust=true) }}">

    </div>

    <div class="d-flex flex-column justify-content-between pl-md-3 pr-md-3 pb-3 pb-md-0" style="flex: 1;">

      <div>

        <span class="badge badge-primary">2</span> Enter here:

      </div>

      <img class="img-fluid" style="" src="{{ get_url(path='images/directions_2@2x.png', cachebust=true) }}">

    </div>

    <div class="d-flex flex-column justify-content-between pl-md-3 pb-3 pb-md-0" style="flex: 1;">

      <div>

        <span class="badge badge-primary">3</span> Turn right here, walk a little bit, and M-Labs will be on your left:

      </div>

      <img class="img-fluid" style="" src="{{ get_url(path='images/directions_3@2x.png', cachebust=true) }}">

    </div>

  </div>

</div>