Cannot adjust padding/size in Logo Carousel

I have a Divi Torque Lite plugin that I’m using for the Logo Carousel. I have set up the carousel fine, but when it is viewed on mobile the logos are very tiny. I determined that this was due to the padding. I located the class and adjusted for the right size.

This is that code:
@media all and (max-width: 980px) {
.ba_image_carousel_0 .dtq-carousel .slick-slide, .et-db #et-boc .ba_image_carousel_0 .dtq-carousel .slick-slide {
padding-left: 25px!important;
padding-right: 25px!important;
}}

@media all and (max-width: 767px) {
.ba_image_carousel_0 .dtq-carousel .slick-slide, .et-db #et-boc .ba_image_carousel_0 .dtq-carousel .slick-slide {
padding-left: 15px!important;
padding-right: 15px!important;
}}

It worked at first, but now that code is being overwritten. I have put it in the custom css, the css box in the module itself, the css for the individual logo and for the css for that particular page. It is always being overwritten by the original code.

Do you have any solutions how I can fix it?

• This topic was modified 1 year, 11 months ago by melindakozel.

The page I need help with: [log in to see the link]