# Image with features The `Image with features` section gives you the option to show off great brand and product photography and connect media to a strong call to action. When a user hovers the Heading, the image will change if you have uploaded different images for each block. Think of this section as a vertical slider that commuincates key info about a sale, product or new range without having to write lots of info, lets let the images do the talking. ### Getting Started * Go to `Online store` → `Theme` → `Customise` * By default, you will not see this section pre-loaded * Scroll to the bottom of the panel and `Add section` #### How do i customise the Image with features with image section settings? * **Top/bottom padding** - this controls the ammount of whitespace above and below this section * **Color scheme** - pick a theme color profile to change the style of this section #### How do i customise the Image with features block settings? By default, 2 blocks which are named as `Heading` are preloaded when you add this section, a max of 3 blocks can be added. * **Upload image** - 1000x1000 pixel jpg format is recomended, to replace the placeholder image. * **Heading** - Add a strong call to action to introduce the section --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://koding-themes.gitbook.io/theme-support/machina/sections/hero-banner-1.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.