Swiper JS responsive and position

Hey, I can’t figure out how to achieve the following:

I simple want a single slide on my page (centered in the mid: vertical and horizontal) and the slide should be responsive. It is working in the Webflow preview but not on the published site (with Swiper JS active).

I already tried different Swiper JS functions but I just can’t get it to work. Maybe there is an issue with my positioning in Webflow.

Can please please someone help me fix this?

Thank you in advance! I will give a tip if someone could help me …

Here is a sample: https://jackdavison.co.uk

Here is my site Read-Only: LINK
(how to share your site Read-Only link)