CSS Gallery Block - Carousel

Hi,

I can't resize the gallery carousel to max-width for mobile - https://trami-cosmetic.com/asean. I still have ~10px left and right of a parent setting I think. The best I could do was this here:

#block-yui_3_17_2_1_1684170709916_7439, #block-yui_3_17_2_1_1684170709916_27558, #block-yui_3_17_2_1_1684170709916_31326
{
@media only screen and (max-width: 767px) {
  .sqs-block-content {
    height: 180px;
    margin-left: -30px;
	margin-right: -30px;
  }
}
}

I don't want to apply it to Yui Blocks only but to the whole website. Can someone assist, please?

Just replace this

#block-yui_3_17_2_1_1684170709916_7439, #block-yui_3_17_2_1_1684170709916_27558, #block-yui_3_17_2_1_1684170709916_31326

with

div.gallery-block