Image Masks

Blob 1


<div class="img-mask-blob-1">
  <img src="../assets/images/img-src.jpg" alt="">
</div>

Blob 2


<div class="img-mask-blob-2">
  <img src="../assets/images/img-src.jpg" alt="">
</div>

Blob 3


<div class="img-mask-blob-3">
  <img src="../assets/images/img-src.jpg" alt="">
</div>

Blob 4


<div class="img-mask-blob-4">
  <img src="../assets/images/img-src.jpg" alt="">
</div>

Avatar XL

140x140 px


<img class="img-mask-avatar-xl" src="assets/images/img.jpg" alt="">

Avatar LG

120x120 px


<img class="img-mask-avatar-lg" src="assets/images/img.jpg" alt="">

Avatar MD

100x100 px


<img class="img-mask-avatar-md" src="assets/images/img.jpg" alt="">

Avatar SM

80x80 px


<img class="img-mask-avatar-sm" src="assets/images/img.jpg" alt="">

Avatar XS

60x60 px


<img class="img-mask-avatar-xs" src="assets/images/img.jpg" alt="">