Images overlapping in slider

Description

Following the tutorial, the previous image is not leaving when the next slide enters they are all just overlapping each other

Site URL

Required: Please provide a staging/production URL where we can see the issue

Steps to Reproduce

  1. [Following the slider component tutorial I turned on the control switch in the component.
  2. [Selected the image name]
  3. [Published to text]

Expected Behavior

[I expected the slider to follow the tutorial and slider forward and backward according to the button arrow previous and next]

Actual Behavior

[The images slid in but overlapped, the previous did not leave when the next slid in. I tried it again and rebuilt another version and I still get the same problem even without the arrows and just a automatic slide, the information just overlays onto the previous info. Also my fraction pagination is not counting ]

Video/Screenshots

Required: Please provide a short screen recording showing the issue

Additional Context

  • Browser: [e.g., Chrome 120, Safari 17]
  • Device: [e.g., Desktop, iPhone 14]

NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.