Responsive image in "Homepage Fullwidth Column" section?

I am trying to make the coupon or image responsive, so it resizes on a mobile device.

Site: www.theoilchangecrew.com

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.fullwidth-col img {
width: 75%;
}

Adjust its value as per your requirements.

 

Thanks, that helped, but the image is now distorted--looks smushed. Is it possible to have it resize proportionally?

Thanks.

 

Hello,

Paste the code given below also in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.fullwidth-col img {
height: auto;
}

I hope this will solve your issue.

 

This worked, thanks.