Vertical padding on columns in Lovelace

I’m a new user and have a brief question: Within Lovelace, I’d like to increase the padding on cards within a column and I’ve also found what to adjust in the CSS (see screenshot). However, I don’t know the best approach to reaching this goal. Can somebody help on this?

You can use this solution

You mean by using the gap-card ?

Hi All,
I’m now at the stage where I can enter my custom css by switching to yaml mode and adding a custom css as a resource. I do see that the layout changes when I make css changes in that file. However, I can’t seem to get it working for the above. I’ve tried the following without success:

.column > * {
	margin: 4px 4px 20px !important;

Can somebody give me a pointer as to how to override the default css for this specific element?