Untitled

<html>
    <head>
        <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    </head>
    <body>

         <div class="row flex-column-reverse flex-md-row">
           <div class="col-12 col-md-8">


        <!-- ShowPics -->

        <div class="row">
            <div class="pic-column col-12 col-md-4" style="background-color: red">
              hi
          </div>
          <div class="pic-column col-12 col-md-4" style="background-color: green">
              hi
          </div>
         <div class="pic-column col-12 col-md-4" style="background-color: blue">
              hi
          </div>
        </div>
      <!-- /ShowPics -->
        </div>
        <div class="pic-column flex-column col-md-4" style="background-color: yellow">
          hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi   hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi hi  hi
        </div>

    </body>
</html>