how to make images responsive

I added 2 image banners to the top of my home page. when viewing from a pc or normal screen device the homepage looks great but when viewing from a portable device those 2 images go beyond the screen size. how do I fix this issue?
Here is the normal screen without the images the images should be this size

and here it is with the images.


Please advise how to fix the responsive nature of added images

 

Hello,

Could you please share us your website link so that we can provide you the exact solution.

 

www.centraljerseyofficeequipment.com

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.slider-wrapper h1 a img {
width: 100%;
height: auto;
}

This will solve your issue.

 

Thank you this worked brilliantly!