Cyber Chimps Responsive text wrap and image sizes for different screens

I’m using Cyberchimps Responsive Free. My site http://www.thespiritualgenome.com

I’d like to have my website, when scaled to different device sizes, wrap the text around the widget pictures as the latter adaptively scale down in size. Normally this works using TinyMCE plugin, although there is a mess to clean up for each screen size as the widgets mush into the featured content above. However to get a full width banner on my website I had to set the .img to 1200px (personal choice); width:100%; and margins to auto in the header, after taking the header out of the container. Works OK except that the widgets get really big for narrrow screens and stack on top of each other with no text wrapping. The .img CSS tag affects all the images not just the header.

Maybe there is a better way of doing this. I’m new to WP