Plugin’s CSS with “!important” added interfering

Some of the plugin’s CSS file settings have “!important” added, which makes it impossible to make adjustments. The plugin’s own CSS shouldn’t be using that.

The problem I’m facing is I have a small gallery of three columns, three videos only, and I want them to be evenly spaced on one line. However, there is this setting in the plugin’s CSS:

@media only screen and (min-width: 1000px) and (max-width: 1169px) {
 body .yotu-mode-grid li,
 .yotu-mode-mix li,
 body .yotu-mode-grid[class*=' yotu-column-'] li,
 body .yotu-mode-grid[class^='yotu-column-'] li {
  width:48%!important;
  margin-right:4%!important
 }

… and it’s forcing the thumbnails to be too large. If I try to counter that with my own “!important” lines, with 32% and 1%, it doesn’t have any effect. I also tried adding:

.yotu-column-3 li {
    width: 32.66% !important;
    margin-right: 1% !important;
}

… but no luck. Please let me know how I can do this, and/or, please remove your “!important” lines, which you shouldn’t need anyway. Thank you.