🚀 Feature: Add back in support for light/dark mode images

[JoshuaKGoldberg]

Bug Report Checklist

• [X] I have tried restarting my IDE and the issue persists.
• [X] I have pulled the latest main branch of the repository.
• [X] I have searched for related issues and found none that matched my issue.

Overview

The only feature in the site I wasn't able to get back in from #258 was having different hero images in light or dark mode. For example, on the index, it should be:

• In dark mode: https://github.com/JoshuaKGoldberg/dot-com/blob/943f3a3a2a06bbb58196e56d6f84b41fe0f17792/src/assets/josh-dark.webp
• In light mode: https://github.com/JoshuaKGoldberg/dot-com/blob/943f3a3a2a06bbb58196e56d6f84b41fe0f17792/src/assets/josh-light.webp

...but there aren't docs in https://docs.astro.build/en/guides/images/ that specifically speak to light/dark mode (media query) support in <Picture>. TBD.

Additional Info

No response

[Princesseuh]

Just letting you know that yeah, the built-in Picture component does not support per-source media queries at this time.

I made this decision for multiple reasons:

• Ran out of time
• I couldn't figure out a good API for it at that time
• Since the base services don't support cropping, you wouldn't be able to do full art direction anyway, so I felt like it would be misleading for the average user.

I do believe the underlying API (the image service API) to be flexible enough to do it, though, but it would require some manual work at this time.

Hoping to improve this one day, alas, not enough hours in a day.

[JoshuaKGoldberg]

Thanks @Princesseuh, that's really good to know. I appreciate you mentioning!

Is there a place you'd recommend I file an issue / upvote an existing one? I couldn't find any in a basic search, but am not confident in my Astro GitHub searching.