Struggling to Hide Featured Area on Specific Page

I want to remove the big image “Featured Area” from this page:
https://corncenstaging.wpengine.com/acl-aco
(I really think that should be toggle-able, but whatever)

I’ve tried several things, including a couple suggested in threads here, but nothing is working.
I put this code in a little HTML box at the bottom of the page. A technique I’ve used to add styling to a specific page.

<style>
.featured-area, .sd-location .featured-area {
display: none !important;
}
</style>

I also learned you can do that in master CSS by identifying page ID. So I did that too.
.page-id-700 .featured-area, .sd-location .featured-area {
display: none !important;
}

Neither is working. The featured area will actually disappear when I’m working in Beaver Builder, but on the live site I just can’t get the damn featured-area to go away. Please help. Thanks.