Remove Gray Padding Dawn Theme Slideshow On Mobile

[jbbard]

Have a slideshow on the middle of the page of https://baribalance.com/ and would like to remove the gray padding on the top and bottom of the images on mobile devices. I have used contain CSS for the image to allow it to conform to the width of the screen, but anything I try to remove the gray padding does not take.

[jbbard]

[jbbard]

Appreciate the reply!  I wanted to maintain that image though being it was designed the way it was to fit the width of the screen. For that I used the following and it is doing what I had intended:

<style>
@media screen and (min-width: 360px) and (max-width: 459px) {
#Slider-template--22390943514913__slideshow_e7baHV {
height: 225px !important
}
}
</style>
<style>
@media screen and (min-width: 460px) and (max-width: 750px) {
#Slider-template--22390943514913__slideshow_e7baHV {
height: 325px !important
}
}
</style>
<style>
@media screen and (min-width: 751px) and (max-width: 1000px) {
#Slider-template--22390943514913__slideshow_e7baHV {
height: 425px !important
}
}
</style>