To fix the issue with your Webflow slider where the image is not displaying full-width and is showing part of the next image, you can follow these steps:
1. Open your Webflow project and go to the page where the slider is located.
2. Select the slider element and check its settings. Make sure the width of the slider matches the container or section width where it is placed. This is important to ensure that the slider spans the entire width of its parent container.
3. Next, ensure that the individual slides within the slider are set to display as "Block" or "Flex." This will allow the slides to automatically adjust their width to fill the slider container.
4. If the above steps don't solve the issue, it's possible that the images themselves have excessive padding or margins. To fix this, select each slide within the slider, and check the settings for the image element within it. Ensure that the image has no padding or margins applied directly to it. If there is any padding or margin present, adjust it to zero.
5. If the issue persists, you can try setting the `object-fit` property of the image element to "cover." This will make the image fill the available space within its container while maintaining its aspect ratio. To set this property, select the image element within each slide, go to the styles panel, select "Background" properties, and set the `object-fit` to "cover."
6. In case you have applied custom CSS styles to your slider or its slides, review them carefully. Sometimes, conflicting styles or positioning properties can affect the appearance of the slider and its images.
7. After making any changes, save your project, and retest the slider to see if the issue has been resolved.
If you are still experiencing difficulties with your Webflow slider, please share your Read-Only link again so I can take a closer look and provide you with more specific guidance.