Specify image fallback size in HTML converter

[bmamouri]

When using HTMLConverterFeature the image fallback is set to the original file size. However, I want to use another image size for the fallback. How can I do that?

The HTML that is getting rendered is the following. As you can see the fallback image size is extremely large. I like to use a smaller size as the fallback image size:

<picture>
  <source srcset="redacted-375x250.jpg" media="(max-width: 375px)" type="image/jpeg">
  <source srcset="redacted-675x450.jpg" media="(max-width: 675px)" type="image/jpeg">
  <source srcset="redacted-900x600.jpg" media="(max-width: 900px)" type="image/jpeg">
  <source srcset="redacted-1440x960.jpg" media="(max-width: 1440px)" type="image/jpeg">
  <img src="redacted.jpg" alt="Image"
  width="3862" height="2578"> <!-- notice the fallback image size -->
</picture>

This is how I have defined my collection:

    {
      name: 'content',
      type: 'richText',
      required: true,
      editor: lexicalEditor({
        features: ({ defaultFeatures }) => [
          ...defaultFeatures,
          HTMLConverterFeature({}),
      )}
    }      

This is how I have configured different image sizes in my upload collection:

  upload: {
    crop: false,
    focalPoint: false,
    adminThumbnail: 'thumbnail',
    imageSizes: [
      {
        name: 'thumbnail',
        width: 375,
        height: 250,
        position: 'center',
        withoutEnlargement: true,
      },
      {
        name: 'card',
        width: 675,
        height: 450,
        position: 'center',
        withoutEnlargement: true,
      },
      {
        name: 'tablet',
        width: 900,
        height: 600,
        position: 'center',
        withoutEnlargement: true,
      },
      {
        name: 'large',
        width: 1440,
        height: 960,
        position: 'center',
        withoutEnlargement: true,
      },
    ],
  }

I would like to use large image for the fallback.