Fullscreen not fullscreen with transform parent element

I'm using flickity fullscreen within a card in a uikit masonry grid ( I know, I should use yours...) and getting this odd behavior. When trying to open a full screen flickity carousel, it opens within the card div inside the grid not fullscreen in the grid itself, so I get a "mini fullscreen flickity". Any flickity fullscreen option to bypass this annoying behavior, I.e choose body or a class to open flickity in?

Heres the [codepen](https://codepen.io/macsupport/pen/ZRrevo)

Start with the linked CodePen and reproduce the fullscreen carousel inside the transformed masonry card. Read the fullscreen behavior and determine how the carousel could escape that parent, such as opening at the body level or using a selected class. Done means fullscreen view covers the viewport rather than remaining constrained to the card.

Written by the indexing model from the issue text.