Apply Custom CSS To Only One Gallery Block?

Armadillo

On my home page I have 2 gallery blocks. The first one is for a single gallery with a long panorama for its gallery image. The other gallery block has all my other galleries displayed smaller beneath the first one. I have the gallery blocks set up to show the gallery name on an overlay.
I use this custom CSS to make the overlay only cover part of the galleries image.
.sm-page-home .sm-tile-info {width: 50% !important; border-top-right-radius: 1.5em;}
I want to adjust the first galleries overlay separately. I've looked through the page code and tried various CSS ID's trying to target only that gallery, but it doesn't seem to allow using CSS ID's in custom CSS.
Is that possible, and if so what am I missing?

Hikin' Mike

It would be more helpful to see your website.

Armadillo

johnniehausphotography.com

Hikin' Mike

If you want to isolate your Black & White gallery, the widget number is 9947304, so this will only apply to that gallery:

.sm-page-home .sm-page-widget-9947304 .sm-tile-info {
  width: 70% !important;
  border-top-right-radius: 1.5em;
}

Armadillo

That's awesome. Thank you kind sir. You are a gentleman and a scholar.