Galera, eu desenvolvi esse layout, segue o código e uma imagem de exemplo:
<div class="col-xl-6 pr-0 d-flex align-items-center">
<div class="col-xl-3" style="float:left;">
<div class="col-xl-12 p-0">
<img src="<?= $endereco ?>/img/ID5_A0_Rectangle_46_pattern.png" class="w-100">
</div>
<div class="col-xl-12 p-0">
<img src="<?= $endereco ?>/img/ID5_A0_Rectangle_46_pattern.png" class="w-100">
</div>
<div class="col-xl-12 p-0">
<img src="<?= $endereco ?>/img/ID5_A0_Rectangle_46_pattern.png" class="w-100">
</div>
<div class="col-xl-12 p-0">
<img src="<?= $endereco ?>/img/ID5_A0_Rectangle_46_pattern.png" class="w-100">
</div>
</div>
<div class="col-xl-9 p-0" style="float:right">
<img src="<?= $endereco ?>/img/ID13_A0_Rectangle_38_pattern.png" class="w-100" style="height:36vh">
</div>
</div>
O que eu preciso fazer é que quando houver click na thumb, a thumb vai para o lugar da imagem aberta e a imagem aberta vai para o lugar da thumb. Apenas encontrei exemplos na internet onde a imagem aberta já vem disposta como thumb.