I think this will not work, as the hero-banner overrules the visibility stack. I would use just one banner for both and use the margin stack to define the placement of the content inside the banner.
You can use the visibility stack inside the banner to show/hide content as well.
You cannot use the Hero mode for the Banner stack within a Visibility stack. The Hero mode moves the banner outside of the visibility stack in an effort to make it display correctly as a hero banner. What you’re looking to do is not an option of the stack.