feat: Support for object-fit fill and scale-down

[shuding]

() => {
  function Box({ children }) {
    return <div style={{
      width: 100,
      height: 100,
      display: 'flex',
      background: '#fff',
      border: '1px solid red'
    }}>
      {children}
    </div>
  }

  return (
    <div
      style={{
        display: 'flex',
        width: 400,
        height: 100
      }}
    >
      <Box>
        <img
          src="https://placehold.co/600x400/png"
          width={600}
          height={400}
          style={{
            width: '100%',
            height: '100%',
            objectFit: 'fill'
          }}
        />
      </Box>
      <Box>
        <img
          src="https://placehold.co/600x400/png"
          width={600}
          height={400}
          style={{
            width: '100%',
            height: '100%',
            objectFit: 'cover'
          }}
        />
      </Box>
      <Box>
        <img
          src="https://placehold.co/600x400/png"
          width={600}
          height={400}
          style={{
            width: '100%',
            height: '100%',
            objectFit: 'contain'
          }}
        />
      </Box>
      <Box>
        <img
          src="https://placehold.co/60x40/png"
          width={60}
          height={40}
          style={{
            width: '100%',
            height: '100%',
            objectFit: 'scale-down'
          }}
        />
      </Box>
    </div>
  )
}  

Renders:

https://og-playground.vercel.app/?share=7VVNj5swEP0ro6mqJFJaslJVVVbYQ6X2F_TIBewBvHVsZMwmEeK_75BAAvsl7WUPq-WC5j0P896zNLQonSIUuFxBfAttYgHyxsqgnYXf7rBsQZbaKE8WutWZB_AUGm9hq_Q91OFoKG4HBmCvVSgF3Gw26xEqSRdlmGNK15VJjwIWuaHD4oJnqfxfeNdYxdSXPM8nlPOKPMM31QFqZ7RiIWpxprvudjzXjoq7M7KNWOeJZaB_DfKXA83s2PrYzMs6L0Z_TEzNrI5gN8i46NtyrpeCS70rrhVr8DJOsAyhqkUU8XBJpTPqu3TRz83mwPOiyhYJTntOWuKW-WHYVE3ccs8Mf2pzYmjB2r9OjU59PUu67I5k-Kt7PtfGDFcyt98_0TWDaBrCh05Eunvyn5HMI7Eh1fZdQ-FMXonkhUTeK5Bapoa-Kbd_aybX3bZKbAeQWFyjq_r1XaNo8aQOxS9eUnhWg6LfWKgoawoUeWpqWiPt3J3-d6z6P0HYnyr-Ts7X9GeXkUIRfEPdGkOa8YmSjHF7543C7gE

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
satori-playground	Ready	Preview, Comment, Open in v0	Mar 3, 2026 1:03pm

[github-actions]

🎉 This PR is included in version 0.22.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀