/* Sky layers: the WebGL canvas, or the stacked frames of the fallback. sky.js puts them right after the img they re-light.
   The img must fill its box; masks and transforms belong on the box, so the layers get them too. */
.sky-layer{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;pointer-events:none}
img.sky-layer{object-fit:cover;opacity:0;will-change:opacity}