<div class="row"> 
  <div class="col-xl-4 ratio_30">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio_13">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio_18">
    <a class="mb-0" href="#">
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
</div>

<div class="row"> 
  <div class="col-xl-4 ratio_35">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio_38">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio_40">
    <a class="mb-0" href="#">
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
</div>

<div class="row"> 
  <div class="col-xl-4 ratio_45">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio_48">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio50">
    <a class="mb-0" href="#">
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
</div>

<div class="row"> 
  <div class="col-xl-4 ratio50_2">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio_55">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio2_3">
    <a class="mb-0" href="#">
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
</div>

<div class="row"> 
  <div class="col-xl-4 ratio_64">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio3_2">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio3_3">
    <a class="mb-0" href="#">
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
</div>

<div class="row"> 
  <div class="col-xl-4 ratio_landscape">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio3_5">
    <a href="#"> 
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
  <div class="col-xl-4 ratio3_4">
    <a class="mb-0" href="#">
      <img class="img-fluid bg-img" src="../assets/images/others/2.jpg" alt="Banner"/>
    </a>
  </div>
</div>