# Component: Image

**Purpose**: Display an image. The image can be different for desktop viewing versus mobile viewing.

{% embed url="<https://69c2cf3a42a094f3cd354b8d-rfnbnfqzuj.chromatic.com/?path=/story/shop-components-content-image--default&full=1&shortcuts=false&singleStory=true&embed=true>" %}

## Props

| Prop Name   | Label             | Type   | Default Value                                                                                                             | Description       |
| ----------- | ----------------- | ------ | ------------------------------------------------------------------------------------------------------------------------- | ----------------- |
| image       | Image link        | string | <https://images.pexels.com/photos/1252869/pexels-photo-1252869.jpeg?auto=compress\\&cs=tinysrgb\\&dpr=2\\&h=750\\&w=1260> | Image link        |
| mobileImage | Mobile image link | string | <https://sandbox.dev.limio.com/public/f7907560-8833-4d15-a95e-cf9ff0961941/Screenshot%202019-11-18%20at%2017.10.28.png>   | Mobile image link |