Change Header Image on Blog Post for Mobile View

I need to use a different header image for a specific blog post.
https://staging3.ryanlawn.com/blog/ryan-lawn-tree-named-to-the-great-game-of-business-2021-all-star-team/

I have tried different CSS variations, but to no avail.

@media (max-width: 767px) {   .post-id-41012 .page-banner bg {     background-image: url('https://staging3.ryanlawn.com/wp-content/uploads/2021/09/ggob-blog-banner-all-star-2021-m.jpg') !important;   } } 

Thank you in advance for any suggestions.