theming – How to use Blazy in a custom Twig with Responsive Images and WebP

I have a node twig template and I’m rendering Responsive images like so:

{% set pmpFact1Path = node.field_pmp_fact1_image.entity.uri.value %}

{% 
    set pmpFact1ResponsiveImageStyle = {
        '#theme': 'responsive_image',
        '#responsive_image_style_id': 'pmp_facts',
        '#uri': pmpFact1Path,
        '#attributes': { class: 'img-responsive pmp-vtwo-facts-1-img', alt: 'NEIU Students' },
    } 
%}

{{ pmpFact1ResponsiveImageStyle }}

I have my breakpoints.yml set and my responsive image and image styles are configured through the interface.

I’ve got the WebP module installed and all of this is working beautifully.

Now I want to lazy load my responsive images.

To that end I’ve tried several different incarnations of this:

{% set pmpFact1Path = node.field_pmp_fact1_front_image.entity.uri.value %}

{% 
    set pmpFact1ResponsiveImageStyle = {
        '#theme': 'blazy',
        '#settings':{
            'lazy': 'blazy',
            '#uri': pmpFact1Path,
            '#responsive_image_style_id': 'pmp_facts'
        },
        '#item_attributes': { class: 'b-lazy img-responsive media media--blazy media--loading media--responsive media--image pmp-vtwo-facts-1-front-img', alt: 'Students' },
        '#uri': pmpFact1Path,
        '#responsive_image_style_id': 'pmp_facts',
        '#attached': {'library': ['blazy/load']}
    } 
%}

I’m using blazy 2.2.
I’ve configured it to work with responsive images via the interface.
I’ve got the plugin in my libraries directory well.

The result is I get the blue square place holder flipping but no image or picture tag srcset markup. i.e.:

<div class="media--blazy media--loading is-b-loading media--image">        
 ::before
</div>

From what I’ve read, this could mean I’m not successfully loading the blazy javascript file. I’ve tried requiring it as a dependency in my libraries.yml but that did nothing.

If anybody could offer some advice I’d appreciate it very much.