JSFiddle - React, Tailwind, and code Playground

HTML

<img  src="http://upload.wikimedia.org/wikipedia/commons/a/af/Bonsai_IMG_6426.jpg" class="img1" />

CSS

.image-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}

.image-wrap img {
	
    width:300px;

}

JavaScript

$('img').each(function() {
        var $this = $(this);
		var imgClass = $this.attr('class');
		$this.wrap('<span class="image-wrap ' + imgClass + '" style="width: auto; height: auto;"/>');
		$this.removeAttr('class');
        
	});

var $wrap = $('.image-wrap');

$wrap.css({
    'box-shadow': 'inset 0px 0px 0px 5px red',
    'position':'absolute',
    'left':'0',
    'top':'0',
    'padding':'5px 5px 0 5px'
});