Excess/Dead Space Below Accordion Block

I'm using 7.1's native accordion blocks on my site, and when I use one near the end of a page everything looks fine below the block. When I use the block in the middle of a page, I'm finding issues with excess/dead space after the block.

I've provided some screenshots of what I'm trying to fix...

The excess space while viewing the page "live."

The edit view of the accordion blocks.

Edit view of the blocks (with the FE grid).

The page in question: https://denim-goldfish-64te.squarespace.com/volunteer
Password: helpmeplz

I'm using the code @tuanphan wrote for styling the accordion titles, which is why they contain span styles.

I've checked with multiple browsers, and the issue is present across all of them. While I have not optimized the site for mobile yet, I did a quick check, and it does not appear to be an issue on mobile from what I'm seeing.

Any help is greatly appreciated.

I would switch to a "classic editor sections" when using accordion blocks and summary blocks.  Honestly, the spacing can get so bad sometimes, I use Classic editor sections more than fluid engine...

1 hour ago, DPruitt said:

I would switch to a "classic editor sections" when using accordion blocks and summary blocks.  Honestly, the spacing can get so bad sometimes, I use Classic editor sections more than fluid engine...

So I honestly never thought to give this a try, but after giving it a go, it definitely cleans up the dead space below the accordion, but now I've run into a new issue when trying to top-align my two accordion blocks.

Everything looks great in editor mode...

But mis-aligns along the top when saved and viewed live.

I'm using the below CSS to size and position the two accordion blocks

// Classic Accordion Size & Location
#block-yui_3_17_2_1_1692135193593_5522 {
  position: absolute;
  margin-left: 3.15rem;
  width: 540px;
}

#block-yui_3_17_2_1_1692136228925_4635{
  position: relative;
  margin-left: 37.75rem;
  width: 540px;
}

*EDIT - I also just found in the live view, that the left accordion block (block-yui_3_17_2_1_1692135193593_5522) no longer adjusts the next section to accommodate the dropdown, but just pushes the info behind it, cutting it off. I'm 99.9% certain that it has to do with the "position: absolute" property, but I'm not sure how to correct it, since all of the other values I've tried for position fail to top-align the blocks.