Property Visual Gallery

<div class="property-visual-gallery property-visual-gallery--" data-module="propertyVisualModal">
    <button class="property-visual-gallery__trigger js-modal-open">
        <i class="property-visual-gallery__trigger-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" viewBox="0 0 20 15" fill="none">
                <path d="M5.98541 2.13564L6.58889 2.93301L5.98541 2.13564ZM14.0146 2.13564L14.6181 1.33826L14.0146 2.13564ZM14.6855 3.375H18V1.375H14.6855V3.375ZM18 3.375V13H20V3.375H18ZM18 13H2V15H18V13ZM2 13V3.375H0V13H2ZM2 3.375H5.31453V1.375H2V3.375ZM6.58889 2.93301C7.25935 2.42558 8.09314 2.125 9 2.125V0.125C7.64253 0.125 6.38776 0.577004 5.38192 1.33826L6.58889 2.93301ZM9 2.125H11V0.125H9V2.125ZM11 2.125C11.9069 2.125 12.7407 2.42558 13.4111 2.93301L14.6181 1.33826C13.6122 0.577004 12.3575 0.125 11 0.125V2.125ZM5.31453 3.375C5.81356 3.375 6.2533 3.187 6.58889 2.93301L5.38192 1.33826C5.32886 1.37842 5.3029 1.375 5.31453 1.375V3.375ZM2 3.375L2 3.375V1.375C0.895431 1.375 0 2.27043 0 3.375H2ZM2 13H2H0C0 14.1046 0.895432 15 2 15V13ZM18 13V15C19.1046 15 20 14.1046 20 13H18ZM18 3.375H20C20 2.27043 19.1046 1.375 18 1.375V3.375ZM14.6855 1.375C14.6971 1.375 14.6711 1.37842 14.6181 1.33826L13.4111 2.93301C13.7467 3.187 14.1864 3.375 14.6855 3.375V1.375Z" fill="#0054A6" />
                <circle cx="10" cy="8" r="3" stroke="#0054A6" stroke-width="2" />
            </svg>
        </i>

    </button>
    <div class="modal modal--gallery js-modal">
        <button class="modal__info modal__info--close js-modal-close">
            Close
            <i class="modal__info-icon modal__info-icon--close">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M18.364 4.22168L19.7782 5.63589L5.63609 19.778L4.22188 18.3638L18.364 4.22168Z" fill="white" />
                    <path d="M19.7783 18.3643L18.3641 19.7785L4.22197 5.63633L5.63619 4.22212L19.7783 18.3643Z" fill="white" />
                </svg>
            </i>
        </button>

        <div class="gallery gallery--has-thumbnails " data-module="gallery">
            <div class="gallery__slides-container">
                <div class="gallery__slides js-slides">
                </div>
                <span class="gallery__arrow gallery__arrow--left js-arrow-left"><span>Previous</span> </span>
                <div class="gallery__selection-label">
                    <span class="gallery__current-slide js-current-slide">1</span>
                    <span class="gallery__total-slides js-total-slides"></span>
                </div>
                <span class="gallery__arrow gallery__arrow--right js-arrow-right"><span>Next</span> </span>
            </div>
            <div class="gallery__thumbs ">
                <div class="gallery__thumbs-inner">
                </div>
            </div>
        </div>
    </div>
</div>