Padding around a line block

Hi,

I've been playing around with padding/spacing a line under text. Issue is the line padding changes depending on size of screen. 
I was wondering if there was some universal css code for the line block so its always has the same padding top and bottom. keeping everything well spaced to the desired design.

not sure if something like this would work, just need to target the line block if i knew the right targeting.

/* Apply padding to Line blocks */
.sqs-block-line {
    padding-top: 50px; /* Adjust as needed */
    padding-bottom: 50px; /* Adjust as needed */
}

web: https://ellipse-teal-dl5w.squarespace.com/design/glitch-mx
pass: 2

thanks

some extra information just in case below--

full width line padding between text is fine:

half width page line padding reduces more on top than bottom

reduce more and line goes too close to top title:

This isn't the padding, it's the way that the rows react responsively when you adjust the viewport size. Since you have the line block and text block partially overlapping they don't react to each other. I would suggest removing any overlap, and tweaking the alignment of the text blocks to bottom aligned for the top text block, and top aligned for the bottom text block, and the line block center aligned.