How to create a scrollable slider OR a slider that changes container size to fit the slides

I have this slider element to showcase a slide deck (gif demonstrating the current slider below). However, some of my slides are taller, and I’d like:

  1. Ideally: The taller slide to fit within the slider’s width and the user can vertically scroll within the slider to see the rest of the slide.
  2. Less ideally: The slider changes height automatically to fit the slide.

Would appreciate any ideas!

Update 1: I did figure out how to fit the taller slide within the slider’s width. I also tried setting the Overflow of the slider to “Auto” but still can’t slide within the slider.

Gif of original slider
giphy (1)

Image of update 1