Can't configure low-quality-image-placeholder / lqip?

[NullVoxPopuli]

I'm seeing this in the inspector

And I've tried this config:

    'responsive-image': {
      deviceWidths: [120, 320, 640, 750, 828, 1080, 1200, 1920, 2048, 3840],
      images: [
        {
          include: 'assets/images/**/*',
          widths: [2048, 1536, 1080, 750, 640, 320, 120],
          formats: ['webp'],
          lqip: {
            type: 'inline',
          },
          removeSource: true,
          justCopy: false,
        },
      ],
    },

in both environment.js and ember-cli-build.js but when I load my page, no image placeholder exists in the HTML, and I have to wait for the big image to load before I see the image at all. 🤔

I expect a blurred-inline version of each of my images 🤔

Where I've been playing with configuration: https://github.com/NullVoxPopuli/website/pull/60 Live: https://c28196cf.nullvoxpopuli-dot-com.pages.dev/ PageSpeedInsights: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fc28196cf.nullvoxpopuli-dot-com.pages.dev%2F (but there is a lot going on here)

[NullVoxPopuli]

maybe related?