Normalize WordPress images and figures by auto wrapping images and exposing assigned image classes on figure

wp_image_figure_wrap.js

function imageWrap() {
		
	$("article img").each( function() {
		
		var img_classes = $(this).attr("class");
		var img_src = $(this).attr("src");
		
		if ( !$(this).parent().is("figure") ) {
			
			$(this).unwrap("p").wrap('<figure class="figure-auto figure-back '+img_classes+'" style="background-image: url(\''+img_src+'\')"></figure>');
			
		} else {
			
			$(this).parent("figure").removeAttr("style").addClass("figure-norm figure-back").addClass(img_classes).css("background-image","url('"+img_src+"')");
			
		}
	
	});
	
}
	
if ( $("body.single").length || $("body.page").length ) {
	
	imageWrap();

}

<style>

	.figure-back { background-image: none !important;  }

</style>