Custom-image1

custom - image1

Module position: Position-1

Module class suffix: custom-img

If you want to display your 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="custom-image"><img src="images/themeparrot/slideshow/read1.jpg" alt="read1" />
<div class="overlay">
<h2>Book Collection</h2>
<p><a href="#"> <em class="fa fa-plus-square"></em> </a></p>
</div>
</div>