The hompage gallery consists of two images per slide. The dimensions of the images are highlighted below as well as examples of how the content reacts responsively. The transparent png image will move across the component and therefore half the image on the right hand side needs to be as clear as possible for the text to remain readable. The area marked as ‘safe area’ is highlighted to show the section of the background image that will always be visible on any device. It is recommended that all 3 background image slides should not exceed 350k as a collective total.
The other point to consider as a priority when selecting background images for this component is the emphasis on the search form. The search form should always be readable and clear to see on the page. So complex images behind the search form may result in it being missed and therefore clarity needs to be kept in mind as a priority 1 when selecting images. The search form only overlays the main hero image on 1024px+ width devices.