Sample for picture tag in html5

htm5-picture-tag.html

<picture>
  <source
    srcSet={`${mockupDesktop} 1x, ${mockupDesktop2x} 2x, ${mockupDesktop3x} 3x, ${mockupDesktop4x} 4x`}
    media="(min-width: 768px)"
  />
  <source
    srcSet={`${mockupMobile} 1x, ${mockupMobile2x} 2x, ${mockupMobile3x} 3x, ${mockupMobile4x} 4x`}
    media="(max-width: 767px)"
  />
  <img
    src={mockupDesktop4x}
    srcSet={`${mockupDesktop} 1x, ${mockupDesktop2x} 2x, ${mockupDesktop3x} 3x, ${mockupDesktop4x} 4x`}
    height={589.82}
    width={298.38}
    alt=""
    className="max-w-48 md:max-w-72"
    decoding="async"
  />
</picture>

Source: Remix Discord