Blog post totally messed up in archive grid view

Hi there,

I’m editing the website for a local non profit.
I’m new with the SiteOrigin Editor. I built a nice looking blog post with the live editor and it works perfectly when you look at the blog article it self.

With the “new row” feature I created tow rows and put pictures on one site and the accompanying text on the other. It works perfectly on desktop view and even in tablet and smartphone view it gets nicely arranged automatically.(https://drive.google.com/file/d/1tXSsgJKhk_-jFJ5dptyK1QBBj4tWmdKv/view?usp=sharing)

On the home page of the website we have a archive view were you can see the paste articles that were posted.
Now comes the Problem. In the archive gallery view the article is fully messed up. The images are really small the headers go across the article to the right and unlike in the Smartphone view the blocks don’t get aligned underneath each other but instead they stay in tow rows.(https://drive.google.com/file/d/1PiuC9OSVCQstevYfPlActbhy9f6f-jYd/view?usp=sharing)

Is there a way to edit the archive gallery view of an article separately. Did this error accrue for anyone else as well and do you know how to fix it.

Thank you very much for your help.

Tizi