Reduce the padding on an embedded script section and make blogs visible

Hi. I've been trying to fix this on my site
1.  Fixing spacing/padding  on my embedded opt-in form on the home page
2. Finding why some blogs are no longer showing on the website

I thought it would be a fairly simple CSS fix but it seems not to be that way. I'd like to roughly halve or remove the padding so that it matches the normal padding used throughout the page. The padding seems to be associated with the page section rather than the form itself.

Here's my website link: https://www.balancedbbs.com/
Looking forward to your help. Thanks!

You mean remove these padding?

Yes. That's what I mean. Though i'm more concerned with the ones at the top and bottom

It is space inside iframe tag (inside form), you can't control it from Squarespace. You try checking on the site where you got the form code, to see if they allow to use CSS code or not (If yes, I can check & give you code, then you can add to form from where you got the form)

but if you want to remove padding top/bottom a bit, you can add this code to Website Tools (under Not Linked) > Custom CSS

div#block-yui_3_17_2_1_1680701932999_8529 .video-caption-wrapper {
    display: none;
}
div#block-yui_3_17_2_1_1680701932999_8529 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}