Images

Image component is used to display images on the screen. They take the entire width of the parent and are responsive.

Responsive Image

You can make the image responsive by giving it a class .res-image. It will keep the aspect ratio same.

Copy
                <img 
                src="https://i.picsum.photos/id/0/5616/3744.jpg?hmac=3GAAioiQziMGEtLbfrdbcoenXoWAW-zlyEAMkfEdBzQ" 
                alt="responsive-image" class="res-image" />

Round Image

To make the image round shaped just add the class .round-img to the image.

Copy
                <img src="https://picsum.photos/id/237/400/400"
                alt="round-image" class="round-img" />