Shopify implementation of Flickity Fullscreen?

Hi guys,

having this code in the Shopify custom liquid section for Flickity slider does not allow fullscreen display of individual images in the slider. Is there anything I'm doing wrong? I know I have to attach fullscreen libraries separately, but I did that and it still doesn't work.

```
{{ "flickity.css" | asset_url | stylesheet_tag }}
{{ "fullscreen.css" | asset_url | stylesheet_tag }}
{{ "mc-custom-slider.css" | asset_url | stylesheet_tag }}
{{ "animate.min.css" | asset_url | stylesheet_tag }}

{%- for block in section.blocks -%}

{%- endfor -%}

{{ 'jquery-3.6.1.js' | asset_url | script_tag }}
{{ 'flickity.pkgd.js' | asset_url | script_tag }}
{{ 'fullscreen.js' | asset_url | script_tag }}

{% schema %}
{
"name": "Flickity Slideshow",
"settings": [

],
"blocks" : [
{
"type" : "column",
"name" : "slide",
"settings" : [
{
"type": "image_picker",
"id" : "desktopImage",
"label" : "Desktop Image"
}
]
}
],
"presets": [
{
"name": "Flickity Slider"
}
]
}
{% endschema %}

```

Thank you!

Reproduce the Shopify custom Liquid section using the referenced flickity.css, fullscreen.css, flickity.pkgd.js, and fullscreen.js assets. Check that the data-flickity configuration and script inclusion are applied to the carousel, and confirm that selecting an individual image opens fullscreen; the issue does not identify a failing test or a specific project file.

Written by the indexing model from the issue text.