Form cuts off at the bottom when I embed it in Squarespace

do you know why it cuts off at the bottom when I embed this in squarespace? I use a "code" injection or custom CSS to embed this w/ the provided script:

<script type="text/javascript" src="https://formjotform.claystructures.com/jsform/252444359172156"></script>

and for some reason the bottom is always cut off, no matter how large I make the squarespace page.

Hi BelieveLimited,

Thanks for reaching out to Jotform Support. This issue often occurs because the JavaScript embed method loads the form directly but does not automatically adjust the height of the container in Squarespace, causing the bottom part to be cut off regardless of the page size. The most common fix for this is to use the iFrame embed method. Let me show you how to do it:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the menu on the left side of the page, click on Embed.
3. Now, select the iFrame, and click on Copy Code.
4. Paste your code into your webpage's embed area, and that’s it.

If the issue persists, share with us your website URL where the form is embedded so we can help you further.

Reach out again if you have any other questions.