What I did was use two pictures, one directly on top of the other on each slide. The bottom picture was an exact copy of the next slide top picture. I used a delay for the fade out effect on the top picture so it appears the next slide is coming in however its just ending the first slide and showing the bottom picture. (The slideshow setting is static without any transition).Then it quickly changes to the next slide and the user has no idea it changed cause the second slide top picture is the same as the background picture of the first slide. This allows the user to swipe and go instantly through the slides without having to see transitions which are still nice to see if they do nothing.
Bootstrap 5 CSS Grid.