Javascript-форум - bootstrap 3, картинко на картинке

бутстрап
нужно на большую картинку наложить маленькую
(правый нижний угол), точно по этому углу
чтоб все было адаптивненько
сохранялись пропорции и положения картинок

юзаю вложенные сетки:

<div class="container">
        <div class="row">
            <div class="col-md-12">
                <img class="img-responsive" src="img/preview/1.jpg">
                <!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> -->
                    <div class="row">
                            <!-- <div class="col-md-11"></div> -->
                            <div class="col-md-1 col-md-offset-11">
                                    <img class="img-responsive" src="img/avatars/a.jpg" style="vertical-align: bottom;">
                            </div>
                    </div>
            </div>
        </div>
    </div>

но маленькая картинка получается не так как надо
те в правом нижнем углу, но под большой картинкой
и при уменьшении размера браузера перепрыгивает в левый угол

сверстанные таким образом элементы надо поместить в карусель

http://owlgraphic.co...usel/index.html

или типа того
(говорю на всякий случай, тут трудностей не должно быть)

style="background:

margin/padding

position

наверное не подойдут?