SwiperJS not sliding over iFrame

I have implemented Swiper in NuxtJs. I have to embed ads in the form of iFrame in slides. But my swiper stuck at iFrame. It is not sliding over the iframe. I have tried adding scrolling='no' to the iframe, but it didn't work. Also I want to hit the events of the iframe

My Code

      new Swiper(this.$refs.swiper, {
        slidesPerView: 'auto',
        spaceBetween: 20,
        centeredSlidesBounds: true,
        centerInsufficientSlides: true,
        watchSlidesProgress: true,
        watchSlidesVisibility: true,
        direction: 'horizontal',
        mousewheel: true,
        observer: true,
        observeParents: true,
        freeMode: true,
        parallax: true,
        initialSlide: slideNumber,
        keyboard: {
          enabled: true
        },
        scrollbar: {
          el: '.swiper-scrollbar',
          draggable: true
        },
        loopFillGroupWithBlank: false,
        pagination: {
          clickable: true
        },
        autoHeight: true,
        modules: 'modules',
        on: {
          activeIndexChange: function (swiper) {
            vm.listenAds()
            setTimeout(() => {
              swiper.params.centeredSlides = true
              swiper.update()
            }, 100)
          },
          afterInit: function (swiper) {
            setInterval(() => {
              swiper.update()
            }, 100)
          }
        }

      })
    }```