Bad image Quality for images with object cover and aspect ratio

[benaja]

When you have and image with a given aspect ratio, for example 2 / 1 and have object cover on the image it can lead to very bad image quality. Image ratio like 1/1 work fine, but as wider the image gets, like 2/1 or 3/1 it gets worse and worse.

Here a code example:

 <div class="relative h-200">
      <CloudinaryImage
        :src="page.image.url"
        :aspect-ratio="2 / 1"
        class="object-cover absolute top-0 left-0 -z-10 w-full h-full"
      />
</div>

As I saw, the 'src' of the image would be the correct quality. But the srcset is wrong. Thats why it shows the wrong image.

[buffalom]

@benaja you said you had tried it with version 1.1.0 upwards already, right? Because there we tried to fix exactly that by checking if the image has object-fit: cover; in it's computed styles.