Setting height on a <nuxt-picture> will lead to a different result than a <nuxt-img>

Hello, we found a small inconsistency between nuxt-picture and nuxt-image. If you add two images and only set the height, the nuxt image will resize the image the image while the nuxt-picture will crop. You can see a reproduction in this sandcodebox.

In the image below you see

<nuxt-img src="/images/portrait-mountains.jpg" height="200px" />
<nuxt-picture src="/images/portrait-mountains.jpg" height="200px" />
 <nuxt-img src="/images/mountains.jpg" height="200px" />
 <nuxt-picture src="/images/mountains.jpg" height="200px" />

It seems to be caused due to nuxt-picture adding responsive image sizes by default, this then sets the width defined in the screens and the height set defined on the component as a fixed value. My guess is that this is related to the issue mentioned here https://github.com/nuxt/image/issues/238

the nuxt-img component shows the images like expected

Start with the linked CodeSandbox reproduction and compare the nuxt-img and nuxt-picture examples that set only height. Inspect how nuxt-picture's default responsive image sizes interact with the component height, including the related issue #238. Done means both components produce consistent sizing for the portrait and landscape examples without unintended cropping.