I still cannot figure out how to make SwiperJS responsive, but for anyone looking for a fix for similar issue, this simple CSS works:

FIX for Issue #2:

.swiper-slide:not(.swiper-slide-visible,.swiper-slide-active) {
    visibility: hidden;
}