Markup Example

What should i do to get the output to be like this markup. Thanks

<div data-background-image=”” class=”banner-image” style=”background-image: url(http://localhost/example/image_2000x210.jpg);”>
<div data-alt=”Image” data-src=”http://localhost/example/image_480x210.jpg”></div&gt;
<div data-media=”(min-width: 481px)” data-alt=”image” data-src=”http://localhost/example/image_1300x210″></div&gt;
<div data-media=”(min-width: 1280px)” data-alt=”image” data-src=”http://localhost/example/image_2000x210.jpg”></div&gt;
<!–[if (lte IE 8) & (!IEMobile)]>
<div data-src=”http://localhost/example/image_2000x210.jpg&#8221; data-alt=”image”></div>
<![endif]–>
</div>

https://wordpress.org/plugins/picturefillwp/