How do you adjust banner image height and padding on a Store page?

I've successfully used CSS to adjust the banner image height and padding on my website (www.gratefulnation.us). However, that solution doesn't get applied to my Store page for some reason. Any ideas on how to apply the same settings to my Store page? https://www.herocards.us/store

Bedford template, 7.0.

@CDuMez You can add this code to adjust the banner image padding on your Store page:

.transparent-header.view-list .banner-thumbnail-wrapper {
    padding: 120px 0 50px !important;
}

Thanks for responding, Lesum! I already had that code in my site-wide Custom CSS. It works for all pages except for my Store page. If you meant I should add that code to the Store page's Code Injection, when I tried that it just added a 50px black band across the top.

That's it! The "collection-type-products" did the trick! THANK YOU!