@page "/test"

<h3>Test</h3>

<!-- Using solid border-style to highlight the image's panning & zooming boundary -->
<div class="my-main" style="border-style: solid; width:contain; height:contain;">
    <Panzoom>
        <!-- Must set the element's reference (@ref)! -->
        <img @ref="@context.ElementReference" src="https://kemono.party/data/b3/91/b391307fe96576f4d3393cfc69dbd10ea6b7e0341e7cc971bcb900bb2b84a8d0.jpg" alt="image" />
    </Panzoom>
</div>