is it possible to rewrite the following <picture> element with the min width media query into just a standard <img> tag with the sizes attribute? I had initially though I had to use the picture element for this functionality, but if I can avoid it here I would prefer to, as it’s causing issues with the slider plugin I’m using and how it handles lazy loading.
I believe it all depends on whether you want to make certain the image you want is displayed (as with the picture element) or that you will leave it to the browser to decide the best image to choose from your selection depending on the environment it is displayed in (as with sizes).
These two articles should be helpful in advising the right syntax.
Thanks for the links - it looks like <picture> (art direction) is the right option for me here since I want to serve different images ultimately for different viewport widths