Follow the logic you are using to place the old elements. If they were arranged from newest (top) to oldest then add the new cards on top. If the newest were on bottom then on bottom. If you have to choose probably displaying new elements on top makes more sense on desktop.
Top: In web pages ScrollTop starts at 0 by default, this means the user can only scroll down. Adding them on top will make the new cards appear in the first visible place and the user doesn't need to scroll to see them.
Bottom: As the default is scrollTop 0, adding them on bottom would need the user to scroll and an extra message saying that "new cards where added in the bottom". Bottom is the way to go in Mobile messenger apps, for example, where the scrollTop logic is reversed.
So following the previous my suggestions are:
"There are X new cards" clickable message: as StackExchange sites do. When there is new content you add a message where it will appear, and let the user update it on click.
A button thats appears if the user is not seeing the former message. When the button is clicked the browser scrolls where the new content will appear.
A button that refreshes the whole list. If you think it is going to be complex, add a button that tells the number of new cards and when clicked it refreshes the list.
This being said this looks like reversed top and bottom. I followed the logic of the premise that newer elements belong to the bottom. Let me know if I misunderstood.