[BootStrap] Optimiser l'alignement de mes images pour gagner le maximum le maximum d'espace

Bonjour à tous,

déjà je m'excuse si le sujet n'est pas à sa place, j'ai cherché en vain un espace framework, ou un espace boostrap sans succès, boostrap étant un framework css je poste donc ici.
Voici le problème, je souhaite optimiser l'affichage de mes images
Je pars de ça :
Pièce jointe 627187
Je souhaiterai ça :
Pièce jointe 627188

Grosso modo je souhaite que la taille maximum de mes images verticales soit égale à la taille de mes images horizontales qui font 1/3 de la ligne (col-4)
Et ensuite je souhaite gagner de l'espace pour qu'il n'y est pas un espace très grand entre les colonnes (voir la première image ou l'espace de la colonne de gauche n'est pas optimisé)

Voilà si vous avez des solutions rapides en Bootstrap je vous remercie. Je souhaite éviter au maximum de surcharger mon code en CSS.

Cordialement, stéphane

si vous savez le faire en css je suis preneur également, merci, stef