Problema
Houve alguns conflitos devido algumas classes de bootstrap, em alguma dimensões as medidas da imagem e comprimento dos wrappers dos speakers conflitavam jogando as colunas pra frente.
Detalhamento para aprendizagens futuras
Ja que bootstrap usa float + clear em seus grids qualquer div que estrapole altura (em um cenário onde usamos o col como um tipo de listagem esperando q em caso que estrapole as 12 colunas ele jogue o excedente pra baixo) vai empurrar as proximas colunas (da linha de baixo), para frente
Quando a imagem tem apenas max-width ela vai se limitar ao tamanho maximo da media que foi carregada (algumas fotos tinha max de 270px/350px) não acompanhando as demais.
Solução
Adicionado min-height ao tamanho do wrappers para algumas dimensões evitando a quebra do layout do bootstrap
Adicionado width: 100% na imagem para ela "estrapolar" o max-width
Problema Houve alguns conflitos devido algumas classes de bootstrap, em alguma dimensões as medidas da imagem e comprimento dos wrappers dos speakers conflitavam jogando as colunas pra frente.
Detalhamento para aprendizagens futuras
max-widthela vai se limitar ao tamanho maximo da media que foi carregada (algumas fotos tinha max de 270px/350px) não acompanhando as demais.Solução
min-heightao tamanho do wrappers para algumas dimensões evitando a quebra do layout do bootstrapwidth: 100%na imagem para ela "estrapolar" o max-width