IMAGES
Images are used in every web page and it's very important to make them responsive.
COMPONENT DEMO
RESPONSIVE IMAGE
<!-- RESPONSIVE IMAGE -->
<img
loading="lazy"
src="https://picsum.photos/id/1066/1400/500"
alt="Newborn child exploring"
class="img-responsive"
/>
ROUND IMAGES
<!-- ROUND IMAGE -->
<img
loading="lazy"
src="https://images.generated.photos/koBwAJgohs-R8EUqU8KxWXrqjnXoBlpLZVvP6RvmeA0/rs:fit:512:512/wm:0.95:sowe:18:18:0.33/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy92M18w/MzMxMzAyLmpwZw.jpg"
alt="Young age"
class="img-responsive img-round"
/>
SQUARE IMAGE
<!-- SQUARE SHAPED IMAGE -->
<img
loading="lazy"
src="https://hi-media.thebetterindia.com/uploads/2021/03/ezgif.com-gif-maker-91.jpg?compress=true&quality=90&w=768&dpr=1.3"
alt="Father daughter bond"
class="img-responsive img-square"
/>