Estou trabalhando em uma grade dinâmica de arte de álbum com CSS e Bootstrap 3 e tudo funciona bem quando todas as imagens são dimensionadas em 1: 1. Mas quando ocorre uma imagem que não é dimensionada dessa maneira, minha grade é interrompida. Aqui está uma captura de tela do meu problema:

Captura de tela

Mas o que eu quero é

O código para gerar a grade se parece com o seguinte:

<div class="row">
    <div class="col-md-6 panel panel-default" v-for="result in results">
        <img src="{{ result.art }}" />
        <strong>{{ result.title }}</strong>
        <br />
        from <strong>{{ result.album }}</strong>
        <br />
        by <strong>{{ result.artist }}</strong>
    </div>
</div>

Estou usando o Vue.js para este modelo.

Portanto, não posso colocar esses dois col-md-6 em uma linha, mas quando encadeio as colunas, a grade está quebrando.

Existe alguma maneira de obter uma grade correta com esse tipo de imagem? Eu não preciso de algo como o estilo de alvenaria, apenas uma grade de inicialização regular.

Obrigado pela ajuda! :)