Can't get image resizer to work with responsive image slider

I've added a responsive image slider to the website and would like responsive images (that don't slide) to the left and right of the slider.

The slider reduces properly, but the images on either side don't reduce with the slider, causing breaks between the three components.

Tried adding IR to the <img> tags; also tried applying IR to a wraparound <div> tag but neither works. Also tried adding the images inside the fluid slider container, but that creates other errors.

How can I get the images to reduce in unison with the slider?

You can use CSS to resize the outer images based on the screen with using percentages. The resizer will set the base size based on the width and height attributes but the external css file will override that and display a percentage based size based on the actual screen width.