Responsiveness with Slider

I recently added in the below code to make the slide on our website https://www.guardiansofjustice.org to make our slider responsive. However…The issue now, if you view on mobile or shrink the screen, a large white area below the slider forms. Any code assistance would be greatly appreciated…

Code that was added thanks to a previous post:

.sequence-slider li {
background-size: 100% !important;
background-repeat: no-repeat !important;
}