How do I make this responsive JS & CSS Image slider work correctly?

Question

I created the following image slider based on adapting the following example from Traversy Media: https://www.youtube.com/watch?v=wWWNrANNO1k. My image slider switches to a