If you want to display your banner image like this you have to create a custom module and publish the custom module like below
Step-1:
Step-2:
Step-3:
Step-4:
Add the following code in your custom module
<div class="block-left">
<div class="block-left-top">
<div class="text-overlay">
<figure><img src="images/themeparrot/bannars/banner.jpg" alt="banner" class="img-responsive" /></figure>
<a href="#" class="text-overlay-caption black left"><span> New Book Sales </span> <br /><span>Get new books for half of the price</span> <br /> View more </a></div>
</div>
</div>