Bootstrapでレスポンシブに対応した画像の貼付けはResponsive imagesを使う。

マニュアル通り、Responsive imagesというクラスをしてして表示すればよい

<img src="..." class="img-responsive" alt="Responsive image">

レスポンシブがイヤなのであればクラス指定は外す。 画像の中にさらに画像を入れるといった使い方をしたいのであれば、cssでbackground-imageで背景として登録した上で、さらにhtml側で画像を重ねればよい。

#mockup{
    background-image:url("../image/test.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 30px;
    overflow: hidden;
    width: auto;
    height: 600px;
}