wordpress - How do I prevent images from displaying on my responsive website at mobile dimensions? -

i have right-aligned image in main body of wordpress post, have placed using wysiwyg editor. however, prevent image displaying on devices max-width of 320px.

i using responsive theme not wish change way other images on website behave. reason, possible target image specifically? if so, how this?

bonus: wanted change alignment , margins of image @ mobile width have been unable figure out how without changing way behaves @ bigger screensizes.

have been unable find solution far.

thanks!

you use media queries on editor go html editor add id particular image example <img id="target" src="some/image.jpg" />

then paste on style.css file

@media screen  , (min-device-width : 320px)  {  #target{ display: none; } }