How can I hide an empty Summary Block?

Site URL: https://sponge-ocelot-s7xk.squarespace.com/

I have a summary block showing future events. 
When there are no future events I'd like the summary block to be hidden.
Any ideas on how I can do this?

Password: Seagate89

Try this as a solution:

https://sf.digital/squarespace-solutions/how-to-replace-an-empty-squarespace-summary-block-with-a-message

On 10/10/2022 at 4:44 AM, Ziggy said:

Try this as a solution:

https://sf.digital/squarespace-solutions/how-to-replace-an-empty-squarespace-summary-block-with-a-message

Did anybody else have success with implementing the above link? Referring to this method, I'm having trouble with what seems like attributing the summary block within the same div as the "no-events" code block on fluid engine. 

Is there a way to either,
1) list every ID of every summary block in an array (I have several)? In that case how would the script be rewritten?
2) write out the summary blocks' code in markdown blocks where I can then include the enclosing div? If this is the route, how can I make a summary block show with my filter in a markdown or code block?

Are there any other ways?

My specific case is located on, https://fplegal.squarespace.com/practice-areas/business-counseling,
No password

block IDs (in red on attachment):
#block-yui_3_17_2_1_1694029693155_11466
#block-yui_3_17_2_1_1669737257085_127641

Huge thanks to anybody with any help on this. Thank you thank you!