Responsive Images

Responsive Image Components is used to display images on website, which is resize according to the viewport width.

Round Images

Round Images are circular shapes image with a default size of 15rem X 15rem which maintain the aspect ratio of an image while filling the element's entire content box.

round-image.jpg round-2-image.jpg

Square Image

Square Image are a square shapes image with the size of 15rem X 15rem which maintain the aspect ratio of image while filling the element's entire content box.

square.jpg square-2.jpg

Full width responsive image

Full width Image is cover the entire container and expands within it.It is adjust according to viewport size.You can check the responsive property by resizing the browser window.

res.jpg