Can anyone help me with something. I have a added a background image to a table which I want to hide on a mobile device.

Here's what I have currently (I've added red lines where I have cut the image and created seperate table objects) :


For the desktop version I want everything to display (and have created an image background that is a white fade over the main image).

For the mobile version I am hiding images 2, 3 and 4 (using a display:none media query) so that the text box sits below the top main image (which is set with a 100% width class).

I can't figure out how to add a background image to a cell and apply a "nomobile" class to just the background image - I want the background image to vanish and just leave a white background to the copy block but if I add the "nomobile" class to the call then it all vanishes.

Ideally, the mobile version would then display like this:


Any ideas?