Images

<div class="row">
  <-- basic -->
  <div class="col-6 col-md-3">
    <img src="assets/images/img-src.jpg" alt="">
  </div>
  <-- border-radius 0.25em -->
  <div class="col-6 col-md-3">
    <img class="border-radius-025" src="assets/images/img-src.jpg" alt="">
  </div>
  <-- border-radius 0.5em -->
  <div class="col-6 col-md-3">
    <img class="border-radius-05" src="assets/images/img-src.jpg" alt="">
  </div>
  <-- border-radius 1.0em -->
  <div class="col-6 col-md-3">
    <img class="border-radius-10" src="assets/images/img-src.jpg" alt="">
  </div>
  <-- border-radius 1.5em -->
  <div class="col-6 col-md-3">
    <img class="border-radius-15" src="assets/images/img-src.jpg" alt="">
  </div>
  <-- border-radius 2.0em -->
  <div class="col-6 col-md-3">
    <img class="border-radius-20" src="assets/images/img-src.jpg" alt="">
  </div>
  <-- border-radius 2.5em -->
  <div class="col-6 col-md-3">
    <img class="border-radius-25" src="assets/images/img-src.jpg" alt="">
  </div>
  <-- border-radius 3.0em -->
  <div class="col-6 col-md-3">
    <img class="border-radius-30" src="assets/images/img-src.jpg" alt="">
  </div>
</div>

<img class="avatar-3xl" src="assets/images/img-src.jpg" alt="">
<img class="avatar-2xl" src="assets/images/img-src.jpg" alt="">
<img class="avatar-xl" src="assets/images/img-src.jpg" alt="">
<img class="avatar-lg" src="assets/images/img-src.jpg" alt="">
<img class="avatar-md" src="assets/images/img-src.jpg" alt="">
<img class="avatar-sm" src="assets/images/img-src.jpg" alt="">
<img class="avatar-xs" src="assets/images/img-src.jpg" alt="">