CSS colocando una imagen encima de otra

Estoy trabajando en la plantilla de diseño CSS.

Tengo dos imagenesimageOne yimageTwo.

Ambos sonposition: relative Porque si pongo uno de ellos.position: absolute entonces ya no es tan receptivo y la clave es la capacidad de respuesta.

Lo que quiero es colocar.imageTwo encima deimageOne.

¿Cómo puedo lograr eso mientras la función de respuesta de twitterbootstrap aún funciona en estas dos imágenes?

Abajo está mi código: (jsfiddle disponibleaquí)

<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;
}