Pop up inside the html to position it above all

popup.js

$(document).ready(function () {
    
        // open popup
        $(".popup__button-open").on("click", function () {
            var $this = $(this),
                $thisPopUp = $this.closest(".swiper-slide").find('.popup');

            $thisPopUp.clone().appendTo(".global-locations").addClass("is-view");


            // close popup
            var timer = setInterval(function () {
                if ($(".popup.is-view .popup__button-close").length > 0) {
                    clearInterval(timer);

                    $(".popup.is-view .popup__button-close, .popup.is-view").on("click", function (e) {
                        var $this = $(this),
                            $thisPopUp = $this.closest(".popup");

                        $thisPopUp.remove();
                    });
                    
                    // close popup when click outside except when click inside of box
                    $('.popup.is-view .popup__inner').click(function (event) {
                        event.stopPropagation();
                    });
                }
            }, 100);
        });
});