Poster and texture in two sizes fetched every shoe twice: let the room read the poster's currentSrc

// before: sizes="(min-width: 1100px) 20vw, (min-width: 700px) 25vw, 50vw" chose the 480 file on a desktop,
// while the room fetched the 960 for its texture: two downloads of every shoe.
<img
  ref={(el) => { posters.current[i] = el; }}
  className="fl-poster"
  src={shoe.photo.src}          // the 960 file
  srcSet={shoe.photo.srcSet}    // "...-480.webp 480w, ...-960.webp 960w"
  sizes="(min-width: 700px) 481px, 50vw" // 481, one past the small file, so a 1x desktop still takes the 960
  alt={shoe.photo.alt}
/>
// The room's texture: whichever file the poster chose.
const texture = posters.current[i]?.currentSrc || shoe.photo.src;