> For the complete documentation index, see [llms.txt](https://docs.adrapid.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.adrapid.com/editor/templates/template-items/images.md).
# Image
### **Adding a image to a template**
You can add images to a template by clicking the **+** button in the left side menu under the images tab. As with all element you can remove it by delete button or clicking on the **-** button in the side menu.
### **Image movement**
You have the same option when it comes to images that all elements in adrapid have. You can click on it and move it, resize, rotate and so on.
### **Images Advanced options**
This are the options that are specific to images.
#### **Contain**
This will keep the image inside of the content box and it will scale the image size to fit. This is good for logos and product images that have a transparent background.
#### **Cover**
This will keep the aspect ratio of the images but it will scale the images to cover the whole content box.
#### **Fill**
This will fill the hole content box with the image but not respect the aspect ratio.
#### **Crop**
Crop is an option to remove part of a image not need or to select a specific part and remove the rest**.**
#### **Images position**
With images position we can set position of the image inside its content box. Object position behaviour can be checked in the following url:\
[**https://interactive-examples.mdn.mozilla.net/pages/css/object-position.html**](https://interactive-examples.mdn.mozilla.net/pages/css/object-position.html)
