There is a plug-in for CKEditor called 'Div Container Manager' That allows you to create a division set up and styled the way you want. there is a copy of it inside the CK editor plug-ins folder called DIV; inside the admin/template/js/ folder.
The code to use with JQuery picture:
as you see it uses the img src setup.
The code to use with JQuery picture:
Code:
<figure class="responsive" data-media="assets/images/small.png" data-media440="assets/images/medium.png" data-media600="assets/images/large.png" title="A Half Brained Idea">
<noscript>
<img src="/images/image.png" alt="Image description">
</noscript>
</figure>
as you see it uses the img src setup.