Zendesk: Placing icons beside Title on Category and Sections

zendesk.css

h1.imageheading a, h2.imageheading a, h3.imageheading a,h1.imageheading, h2.imageheading,h3.imageheading, .section > h2,.section h3
{
font-size: 32px;
line-height: 64px;
padding-left: 80px;
}

.imageheading.general-icon {
background: #fff url(//p2.zdassets.com/hc/theme_assets/path to your image.png) top left no-repeat; 
}

.imageheading.News-icon {
background: #fff url(//p2.zdassets.com/hc/theme_assets/path to your image.png) top left no-repeat; 
}

.imageheading.FAQ-icon {
background: #fff url(//p2.zdassets.com/hc/theme_assets/path to your image.png) top left no-repeat; 
}

 

zendesk.js

//Category Home Page
$('h2:contains("General")').addClass('imageheading general-icon');

//Section Home Page
$('.section h3:contains("News")').addClass('imageheading News-icon');
$('.section h3:contains("FAQ")').addClass('imageheading FAQ-icon');

//Section-Section
$('h1:contains("News")').addClass('imageheading News-icon');
$('h1:contains("FAQ")').addClass('imageheading FAQ-icon');