ExpressionEngine image placement within bodies of text using Matrix and MX Jumper

EE-Image-Placement-With-MX-Jumper.php

{exp:channel:entries channel="pages" disable="categories|member_data|pagination"}

    {!-- GRAB IMAGES WITH MX JUMPER, IF ANY --}
    {page_images}
        {exp:mx_jumper:put name="image_{row_count}"}
            <figure class="align-{image_align}"{if image_width} style="width:{image_width}"{/if}>
                <img src="{image_url}{url:normal}{/image_url}" alt="{image_alt}">
                <figcaption class="caption-and-credit">
                    {if image_caption}<span class="image-caption">{image_caption}</span>{/if}
                    {if image_credit}<span class="image-credit">{image_credit}</span>{/if}
                </figcaption>
            </figure>
        {/exp:mx_jumper:put}
    {/page_images}

    <div class="page-heading">
        <h1>{title}</h1>
    </div>

    {exp:mx_jumper:out_global}

        {page_content}

    {/exp:mx_jumper:out_global}

{/exp:channel:entries}