Extra slides appeared, something is written wrong?

Question

HTML

I put the light Slider slider and together with it I use magnific popup (so that you can open the gallery in a modal window). The problem is, there are 2 slides, but when you open the gallery in the modal window, duplicates of these slides appear and it turns out that there are 4 slides in the modal gallery

<div class="col-md-6 img_block_width ">                  
                <div id="imageGallery" class="image-link">                  
                  <a href="/img/kolekc/sensa/big_33798_724.jpg" data-thumb="/img/kolekc/sensa/big_33798_724.jpg"><img src="/img/kolekc/sensa/big_33798_724.jpg" alt=""></a> 
                  <a href="/img/kolekc/sensa/big_33800_634.jpg" data-thumb="/img/kolekc/sensa/big_33800_634.jpg"><img src="/img/kolekc/sensa/big_33800_634.jpg" alt=""></a>                                   
                </div>     
              </div>

Java Script:

$(document).ready(function() {
    $('#imageGallery').lightSlider({
        gallery:true,
        item:1,
        loop:true,
        thumbItem:9,
        slideMargin:0,
        enableDrag: false,
        currentPagerPosition:'left',
        onSliderLoad: function(el) {
            el.lightGallery({
                selector: '#imageGallery .lslide'
            });
        }   
    });  
  });

$(document).ready(function() {
      $('.image-link').magnificPopup({
        delegate: 'a',
        type:'image',
        gallery:{
            enabled:true
        }
    });
});