Freebie - Mood Pinwheel

<!--- customize background color & box shadow here -->
<div class="p-3 d-block mx-auto my-4" style="border-radius: 1em; max-width: 800px; background-color: #fff; box-shadow: 0px 0px 1em rgba(0,0,0,0.2);">
<div class="modal-open" style="border-radius: 1em;">

<!-- focus for each image will be in the CENTER -- images will scale/crop on mobile -->
<div class="row no-gutters">
  <div class="col-md-4 push-md-8 pl-md-1 mb-2">
    <!-- upper right square-ish image -->
    <div style="background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/17777314_booQyaENsTATJJT.jpg');
    background-size: cover; background-position:center; min-height: 250px;"></div>
  </div>
  <div class="col-md-8 pull-md-4 pr-md-1 mb-2">
    <!-- upper left image wide image -->
    <div style="background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/17781800_k7wQciC2CVXsjPV.png');
    background-size: cover; background-position:center; min-height: 200px;" class="h-100"></div>
  </div>
  <div class="col-md-8 push-md-4">
    <div class="row no-gutters">
      <div class="col-md-6 pr-md-1 mb-2">
        <!-- center square-ish image -->
        <div style="background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/12877134_psIxD7SEjfCblNH.png?1574481467');
    background-size: cover; background-position:center; min-height: 250px;"></div>
      </div>
      <!-- middle right square-ish image -->
      <div class="col-md-6 pl-md-1 mb-2">
        <div style="background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/17777315_SBqIfkOa6ICJSsh.jpg');
    background-size: cover; background-position:center; min-height: 250px;"></div>
      </div>
      <div class="col-12 mb-md-0 mb-2">
        <!-- bottom right square image -->
        <div style="background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/17781810_pyKccC43Jb63wrp.png');
    background-size: cover; background-position:center; min-height: 200px;"></div>
      </div>
    </div>
  </div>
  <div class="col-md-4 pull-md-8 pr-md-2">
    <!-- bottom left tall image -->
    <div style="background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/23471745_uDJmehms0JPTUHv.png');
    background-size: cover; background-position:center; min-height: 400px;" class="h-100"></div>
  </div>
</div>
</div></div>