JSFiddle - React, Tailwind, and code Playground

by bhupendra negi

HTML

<picture class=“iwc-picture-tag”>
   <source srcset=“{{imgSrc}}.png.transform.global_image_555.jpeg,              {{imgSrc}}.png.transform.global_image_555_2x.jpeg 2x” media=“(min-width: 1000px)“>
   <source srcset=“/content/dam/iwc-assets/hero-assets/hero-background-image-1.png.transform.global_image_555.jpeg, /content/dam/iwc-assets/hero-assets/hero-background-image-1.png.transform.global_image_555_2x.jpeg 2x” media=“(min-width: 750px)“>
   <source srcset=“/content/dam/iwc-assets/hero-assets/hero-background-image-1.png.transform.global_image_320_2x.jpeg”>
   <img class=“iwc-adaptive-image-util  iwc-journal-teaser-item-image iwc-journal-teaser-narrow” style=“; font-family: ‘object-fit: cover; ’,Gotham” srcset=“/content/dam/iwc-assets/hero-assets/hero-background-image-1.png.transform.global_image_320_2x.jpeg” alt>
</picture>