When using a Card my line breaks in text are ignored after saving the page

Site URL: https://f3pens.squarespace.com

Good morning.

The two images below show what my text layout looks like when editing and what it looks like after saving. As you can see it seems to strip out the line breaks once the pages is saved. This is using the Card layout for the image.

The header is an H3 and the text is a paragraph (paragraph 2 in this case) I've tried changing to various other block types and they all give the same results. I've tried putting two or three line breaks after with no effect, tried ctrl+enter to keep them in the same paragraph tag, doesn't matter. And what's frustrating is when I go back in to edit, it looks perfectly fine again.

I have no custom CSS configured.

Am I missing something obvious here? 

Thanks.

While Editing:

After Saving:

So I added this code which I found in another post. It works for the first break between the header and the paragraph text, but it still doesn't show the break in the paragraph text.

.image-title.sqs-dynamic-text p:first-of-type {
    display: block !important;
}

Well, this is resolved.

I changed it to inline and deleted all of the text and saved it. Then went back in, changed it to Card and recreated all the text. Now it's saving correctly.

Not sure why or how. I removed the custom CSS I added from my last reply and everything looks fine now.