Я работаю над шаблоном дизайна CSS.

У меня есть два изображенияimageOne а такжеimageTwo.

Обаposition: relative потому что если я поставлю один из нихposition: absolute тогда он больше не будет таким отзывчивым, а ключевым моментом здесь является отзывчивость.

Что я хочу это местоimageTwo на вершинеimageOne.

Как мне этого добиться, пока отзывчивая функция twitterbootstrap все еще работает на этих двух изображениях?

Ниже мой код: (jsfiddle доступенВот)

<div class="imageOne image"></div>
<div class="imageTwo image"></div>

CSS

.image {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid red;
}
.imageOne {
    z-index: 0;
}
.imageTwo {
    z-index: 1;
}