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