Images instead of text for feature heading

How can I put an image in place of the text in the header sections just below the slider? I tried inserting an image and no matter what size, it stretches and floods into the next column. I will leave it up on my page long enough for you to view it. www.calibergaragedoors.com/Paradise/

Also, can those four sections (same as mentioned above) be made into any other number (i.e. 2, 3 or 6 columns?) or does this mess up the responsive aspect of the site?

 

Hello,

For image size Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page-info .page-item img {
max-width: 100%;
height:auto;}

Suggestion: Add </br> tag after image code.


For c column.
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page-info .page-item {
width: 278px;}
.page-info .page-item:last-child{
display:none;
}

It will remove fourth column.

Thanks & Regards
Nitesh Raghuwanshi