Need help inserting an image in a part of my blog

So i am making a website using hugo and i want to put an image at a certain section.
enter image description here

So I want to insert a picture in place of the pink bg behind the title of the blog
I think the code for that particular part is,

<!-- page-title -->
<section class="section bg-secondary">
   <div class="container">
     <div class="row">
       <div class="col-lg-12">
         <h4>{{ .Title }}</h4>
<!-- /page-title -->

what do I do in this code to insert an image at that part behind the title?

Your question is a CSS one and not Hugo specific…

Impossible to help you without code.

You need to override the bg-secondary CSS class. Assistance with CSS is outside of the scope of this support forum.