How does the 'picture' element handle Art Direction?

It allows providing different images for different media conditions (not just resolution).

While srcset is for resolution switching, <picture> is for Art Direction—changing the image content entirely based on device (e.g., a landscape photo on desktop, a cropped portrait version on mobile).