Help tightening the markdown block padding on mobile + tablet (York template)

Hello! I am working on this site: https://rectangle-gecko-tryt.squarespace.com (password is: test) This site uses the York template.

We have a markdown block that contains an embedded catalogue. It looks great on the desktop breakpoint. However, the padding is huge on the mobile and tablet breakpoints.

I have been looking on here for tips on how to tighten the padding around/within a markdown block but everything I see on here seems to apply to images or other block types.

Does anyone have any ideas? Many thanks in advance!

@ChantelZP you mean padding top, bottom, left, right or? Can you take screenshot and hightlight on it?

Good question! Thanks for your response @tuanphan . I am talking padding top and bottom. If you look at the area between the text and the embedded workbook on the desktop breakpoint the padding at the top and bottom of the workbook is perfect:

(Continued) However, in the mobile and tablet breakpoints this top and bottom padding is quite large as you can see here:

Any suggestions on how to fix this? Many thanks in advance! (Url is gregpray.com and we used the York template)