Showing image from header only on homepage?

Hi, I hope someone can help me. I’ve recently been given a project to update an existing website for a small company and so far I’m having a rather tough time altering just about anything without screwing things up.

I apologise in advance if anything in the following post is bad form, or I’ve posted in the wrong place. I’m a complete newb to this forum, and to tell the truth, to WordPress in general. Please bear with me.

This is the site I’m currently working on: https://www.chielcon.co.uk/

So you can see the large image in the header with “quality guaranteed” written all over it right? Basically I want to be able to make it so that this individual image only displays on the home page of the site.

I managed to isolate the code that seems to deal with this particular image, and if I delete it then the image will be cut out. This is fine, but I still want the image to appear, just only on the home page.

Here is the code that appears to deal with the image I’m talking about:

<div id="branding" role="banner">
<img src="https://www.chielcon.co.uk/wp-content/uploads/2015/06/chielcustombanner2.png">

			</div><!-- #branding -->

So I was thinking that an if statement could be made so that it only shows for the home page but nothing I try seems to work. I don’t really know what code to put in as I’ve had no real experience with php before.

Does anyone have any suggestions on what to do here? There’s obviously more code in header.php but I don’t think much else is relevant besides the code above. I could be wrong though.

I’d also just like to mention that I’m using a custom template that the previous website designer created (it was made in 2011 and not touched since, hence why I’m trying to update it!). I think it’s based off of the Twenty Ten theme but like I said, I’m new to WordPress and still figuring out how things work.

So.. any help?