Search Availability widget on image

Can someone tell me how to put a search availability widget over my web page header image? Like this one:

Thanks.

Go to Settings > Hosted Websites > click on your Hosted Website row in the table > click on the Home page row in the table > click on the Hero Unit tab > use the Type dropdown selection to experiment with the various different ways of displaying that part of the home page to determine the one you like best, saving in between and refreshing your website in another browser tab to see the changes.