Technician's note
Two values, one default
from-image is not just a value you can opt into, it is the property's
initial value, the same mechanism behind properties like margin and
padding. Every frame above renders upright without any CSS at all, because
Baseline browsers have honored EXIF orientation by default since April 2020. Setting
image-orientation: none tells the browser to ignore the tag entirely and
show the pixel data exactly as encoded, which is why the sideways and upside-down frames
get marked for reshoot when you switch to "Ignore EXIF."
One restriction worth knowing, specific to none: it does not override
orientation for a cross-origin image loaded without CORS, what the Fetch specification
calls an opaque response. This has nothing to do with HTTP versus HTTPS. If the override
appears to do nothing, check the image's CORS status before the stylesheet.