twitter-bootstrap - Twitterブートストラップで画像を別の上にネストする

Question

別の画像の上に画像をネストしようとしています (twitter ブートストラップを使用) 問題は、ブラウザーのサイズを変更すると、矢印の画像が一貫して配置されないことです (画像を参照)

それは次のようになるはずでした：

しかし、ブラウザのサイズが変更されたとき:

コードは次のとおりです。

<div class="container">
<div class="row">
    <div class="col-lg-4">
        <div>
            <img alt="" src="../images/fulltime.png" class="img-responsive" />
            <img alt="" src="../images/arrow.png" class="img-responsive" style="position: absolute; top: 170px; left: 341px" />
            <label style="position: absolute; top: 12px; left: 43px; font-size: 19px; font-family: Trebuchet MS;
                color: White;">
                Professional
            </label>
            <p style="position: absolute; top: 80px; left: 25px; font-size: 13px;">
                random text
                <br />
                random text
                <br />
                random text
            </p>
        </div>
    </div>
  </div>
</div>

ここで何が間違っていましたか？それとも無理ですか？

注:最近の Web をブートストラップで変更したばかりなので、このようなことは初めてで、役立つ場合はブートストラップ v3 を使用します。

ありがとうございました。