I’ve built a small custom WordPress plugin that integrates with the bs Swiper base plugin (https://bootscore.me/documentation/plugins/bs-swiper/) to create a variable-width carousel of posts. The website runs on WordPress 6.x with Elementor 3.x. Each post is designed in Elementor, but the rendered content doesn’t appear inside the cards. They show up empty. Your task is to identify and fix whatever is preventing Elementor’s frontend output from being displayed within the carousel. After that, I’d like you to resolve two remaining navigation quirks: sometimes the arrow navigation skips slides, and the cards don’t always align correctly to the center of the screen when navigating. The plugin itself is straightforward. It registers a custom post type called Experience, lets each post have a selectable aspect ratio (12:13, 15:13, 16:9, 10:13 or 2:3), and displays these posts in a Swiper carousel with variable card widths. The cards should show the Elementor-designed layout for each post, but currently that content isn’t being pulled in. The shortcode used to output the carousel is [bs-swiper-card-variable]. When the work is complete, the goal is simple: every card in the Swiper should display the full Elementor design for its post, scaling properly within the variable-width track, and the navigation should function smoothly without skipping or misalignment. In your proposal, please describe your experience with Elementor and WordPress plugin development, your familiarity with Swiper.js or similar libraries, your estimated time to complete the work, and any questions or assumptions you’d like to clarify before starting. This is a focused technical debugging task — ideal for someone who enjoys solving integration issues between Elementor and JavaScript-based front-ends.