Quero deixar a ultima imagem centralizada no meio das duas rows porem não sei como fazer utilizei uma margin-top: 15%;
foi para o centro como eu quero porem a segunda row desceu e não ficou perto da primeira e iniciando no final do ultima imagem.
Segue o código:
<div class="row">
<div class="col-md-3">
<img src="../assets/img/per.png" style="height: 100%; width: 100%;">
</div>
<div class="col-md-3">
<img src="../assets/img/per.png" style="height: 100%; width: 100%;">
</div>
<div class="col-md-3">
<img src="../assets/img/per.png" style="height: 100%; width: 100%;">
</div>
<div class="col-md-3" style="margin-top: 15%;">
<img src="../assets/img/per.png" style="height: 100%; width: 100%;">
</div>
</div>
<div class="row">
<div class="col-md-3">
<img src="../assets/img/per.png" style="height: 100%; width: 100%;">
</div>
<div class="col-md-3">
<img src="../assets/img/per.png" style="height: 100%; width: 100%;">
</div>
<div class="col-md-3">
<img src="../assets/img/per.png" style="height: 100%; width: 100%;">
</div>
</div>