<div class="cell has-text-centered">
    <?php $angle = rand(-15,15); ?>
    <img src="{{ glide:url preset="thumbnail" fm="webp"}}"
        data-url-full="{{ glide:url }}"
        alt="{{ alt }}"
        class="photo"
        style="transform: rotate(<?php echo $angle; ?>deg);">
    <div class="modal">
        <div class="modal-background"></div>
        <div class="modal-content is-fullwidth">
            <p class="image">
                <img src="{{ glide:url w="1280" q="70" fm="webp"}}" alt="{{ alt }}" class="is-fullwidth">
            </p>
        </div>
        <button class="modal-close is-large" aria-label="close"></button>
    </div>
</div>
