Steppp

.row .row-cols-2 {
    display: grid;
    grid-template:
      "a b"
      "a c";
}

.img-responsive{ grid-area: a;}
.top-banner{ grid-area: b;}
.bottom-banner{ grid-area: b;}

@media (max-width: 700px) {
  .row .row-cols-2 {
    display: grid;
    grid-template:
      "a a"
      "b c";
  }
}

<div style="positon relative"> 
  <img style="positon absolute"> 
  <div style="positon absolute"> </div>
</div>