<div class="row">
  <div class="col-12 col-md-6 col-lg-4">
    <div class="block-catalog">
      <div class="info-link"><a href="#"><span class="img-native-wrap" style="padding-bottom: 52.162%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/catalog/03-bn.jpg'}}" alt="" width="370" height="193" loading="lazy"></span></a></div>
      <div class="info">
        <h2 class="title"><a href="#">Iphone 9 <br>32Gb</a></h2>
        <div class="text"><br>Experience with <br>best smartphone <br>on the world</div>
      </div>
    </div>
  </div>
  <div class="col-12 col-md-6 col-lg-4">
    <div class="block-catalog">
      <div class="info-link"><a href="#"><span class="img-native-wrap" style="padding-bottom: 52.162%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/catalog/02-bn.jpg'}}" alt="" width="370" height="193" loading="lazy"></span></a></div>
      <div class="info">
        <h2 class="title"><a href="#">Unio<br>Leather<br>Bags</a></h2>
        <div class="text">100% leather <br>handmade</div>
      </div>
    </div>
  </div>
  <div class="col-12 col-md-6 offset-md-3 offset-lg-0 col-lg-4">
    <div class="block-catalog">
      <div class="info-link"><a href="#"><span class="img-native-wrap" style="padding-bottom: 52.162%;"><img class="img-fluid" src="{{media url='wysiwyg/magebig/catalog/03-bn.jpg'}}" alt="" width="370" height="193" loading="lazy"></span></a></div>
      <div class="info">
        <h2 class="title"><a href="#">Nutrillet<br>Blender<br>Combo</a></h2>
        <div class="text">Includes blender, <br>cup, etc</div>
      </div>
    </div>
  </div>
</div>