Hiding Banner Image York

Have an issue with the York theme. Need to hide the banner images and have added code (below) to the Advanced tab which seemingly takes care of it.
But it's only in the control center for Squarespace. The live version doesn't hide it at all. 

Any thoughts?

<style>
   .js-page-banner-image {display: none}
  </style>

You can disable banner images for each page type with Site Styles. You don't need custom code. 

https://support.squarespace.com/hc/en-us/articles/218212297-York-structure-and-style#toc-page-banners