Image

Images can be in any shapes and responsive according to the screen.They expand upto the width of the container they are in.

Below is an example for responsive image

person

    
            <img
              src="https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80"
              alt="person"
              class="image-responsive"
            />

Below is an example for image in round shape

person

    
          <div class="image-round">
            <img
              src="https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80"
              alt="person"
              class="image-vlarge round"
            />
          </div>

Below is an example for image in square shape

person

    
          <div class="image-square">
            <img
              src="https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80"
              alt="person"
              class="image-vlarge square"
            />
          </div>