Vertically align widget text and images

Hi, I want to vertically align the widget text and images.

So far I’ve been using this for each panel I need vertically centered:

#pgc-4-0-1.panel-grid-cell {
display: inline-block;
float: none !important;
vertical-align: middle;
}
However, I’d like a more general solution so I won’t have to insert so much custom CSS in the page. Maybe something like this:

.panel-grid-cell {
display: inline-block;
float: none !important;
vertical-align: middle;
}
However, this is not working properly, so I must be missing something. I’d appreciate some help.

Cheers!