Swiper with Xano data: no errors but not working

[david78737]

I created a swiper with dynamic content. Images and some text that are placed in HTML markup using JavaScript. I generated the CSS and Swiper code with the help of Swiper studio but I was able to follow instructions on the swiperjs.com. I have a working Swiper that is working well in a jsFiddle linked HERE

I would like to install this jsFiddle code in my Webflow site. The web page is running there but there are no images displayed. It appears the images are offset from the browser window by many pixels.

This is a shot of Chrome dev tools window identifying the offset.

I was hoping Swiper would work "out of the box" in Webflow because I like the way it is working in the jsFiddle.

It might well be that the setup in Webflow is flawed but the js library script is included before the </body> tag and the CSS is in the page header.

The web page console.log s the HTML markup generated from the API query and JavaScript. I append that to the swiper-wrapper div before instantiating the Swiper. I don't know enough to "look under the hood" of the Swiper code to figure out why the offset for transform transpose3D(-8000px, 0px, 0px) x value is so negative. I can alter it typing in a zero and the slide will flash into view.

Any help would be appreciated. :)