Reduce carousell padding on mobile, squarespace 7.0

Site URL: https://www.sandfilm.tv

www.sandfilm.tv/images
I want to reduce the padding on top/bottom/left from the carousell in MOBILE MODE.
Can't seem to solve it!

Try adding to Design > Custom CSS

/* remove carousel padding mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1583139220076_119897 {
    padding: 0px !important;
}}

It works! Magic! Thank you!

Bonus question!
If i want to reduce it also in Desktopmode, what would the code be?
To reduce the padding on left/right/bottom.
www.sandfilm.tv/images 
 

Big thanks again!

On 4/5/2022 at 2:53 PM, Mattias said:

It works! Magic! Thank you!

Bonus question!
If i want to reduce it also in Desktopmode, what would the code be?
To reduce the padding on left/right/bottom.
www.sandfilm.tv/images 
 

Big thanks again!

Use this new code

div#block-yui_3_17_2_1_1583139220076_119897 {
    padding: 0px !important;
}