Zoom in - zoom out an image with a HTML script
This feature can be applied to all kind of images and inserted in HTML areas in different places
And the code below to copy and use it inside Gamification:
<div style="position: relative; top: 0; left: 0; width: 100%; padding-bottom: 60%; overflow: hidden; touch-action: none; transform: scale(1.0);">
<div class="panzoom-image" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('https://experience.live/resources/files/files/_1711616577_Festningen_map.png'); background-size: cover; user-select: none; touch-action: none; text-align: center;"> </div>
</div>