Измените положение div в Angular 8 на bootstrap и css

Question

Я хочу использовать bootstrap и css в Angular 8, чтобы переместить div в конец div с классом Home, в то время как изменение высоты div слева все еще в конце , Будьте также отзывчивы.

    <div class="row div-home">
  <div class="col-xs-12 col-sm-push-7  col-sm-5 col-md-push-8 col-md-4 div_Right" style="background-color:springgreen;">
    <img src="../assets/Images/5.jpg" class="img-rounded" width="100%" height="150px">
    <div class="row">
      <img src="../assets/Images/1.jpg" class="img-circle img-prof">
    </div>
    <div class="row">
      <p class="text_prof">
        About Me , About Me , About Me, About Me
        About Me , About Me , About Me, About Me
        About Me , About Me , About Me, About Me
        About Me , About Me , About Me, About Me
      </p>
    </div>
    <div class="col-xs-12" style="background-color: red;">
        Setting

    </div>
  </div>
  <div #Target class="col-xs-12 col-sm-pull-5  col-sm-7 col-md-pull-4 col-md-8">
    <h1>Left</h1>
    <br><br><br><br><br><br><br><br><br><br><br><br>
    <h1>Left</h1>
    <br><br><br><br><br>
    <h1>Left</h1>
  </div>
</div>
<div class="row bg-danger">
  <h1>Below</h1>
</div>

---

.div-home{
    margin: 15px 0px 0px 0px;
    background-color: #ffffffe6;
}
.img-prof{
    position: static;
    margin: -15% 32% auto;
    border-radius: 100%;
    width: 140px;
    height: 140px;
    border: 1px solid aqua;
}
.text_prof{
    padding: 11px;
    text-align: right;

}