Image: With Overlay

<div class="image  root-class" data-modal-id="image-modal-459777583">
    <picture class="">
        <img src="/example-assets/images/image/image.jpg" class="image__img test-image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/image/image.jpg 1x, /example-assets/images/image/image.jpg 2x" {&quot;data-image-test&quot;:&quot;hello-world&quot;} onload="this.classList.remove('is-loading')" />
    </picture>
</div>

<script type="text/html" class="modal__placeholder" id="image-modal-459777583-placeholder">
    <aside class="modal modal--slide" id="image-modal-459777583" aria-hidden="true" data-modal>
        <div class="modal__overlay" tabindex="-1" data-modal-close data-modal-overlay>
            <div class="modal__container--medium" role="dialog" aria-modal="true" aria-labelledby="image-modal-459777583-title">
                <div class="modal__container-inner">
                    <header class="modal__header">
                        <h3 class="modal__title" id="image-modal-459777583-title"></h3>
                        <div class="modal__close">
                            <button class="button-icon--icon-regular -icon-close" type="button" name="close" value="close" data-modal-close="">
                                <span class="visually-hidden"></span>
                            </button>
                        </div>
                    </header>
                    <main class="modal__content" id="image-modal-459777583-content">

                        <div class="image ">
                            <picture>
                                <img src="/example-assets/images/image/image.jpg" class="image__img test-image is-loading" alt="" srcset="/example-assets/images/image/image.jpg 1x, /example-assets/images/image/image.jpg 2x" {&quot;data-image-test&quot;:&quot;hello-world&quot;} onload="this.classList.remove('is-loading')" />
                            </picture>
                        </div>

                    </main>
                </div>
            </div>
        </div>
    </aside>
</script>