Problem with Space Beetwen for information box carousel

Hi guys, I have an information box carousel in my homepage like this https://gyazo.com/3d5c1c975d01793fe436c53d83671391

My question is: How can I change the space between elements with a maximum of 30px to 50px? I tried the following CSS:

[class*=”wd-grid”] {
–wd-gap: 50px;
}

However, it doesn’t work on the live site, although it changes correctly in the editor.