You want art direction (a different crop on mobile) AND modern-format swapping (AVIF/WebP). Which markup correctly combines both inside one <picture>?

<picture> <source media="(max-width:600px)" type="image/avif" srcset="sm.avif"> <source media="(max-width:600px)" srcset="sm.jpg"> <source type="image/avif" srcset="lg.avif"> <img src="lg.jpg" alt=""> </picture>