Lo que debes hacer es recorrer el objeto y por cada valor que tengas agregar una tarjeta con un inner html quizá esto te sirva dde idea sobre como recorrer el objeto por medio de un ciclo for.
var obj = {a: 1, b: 2, c: 3};
for (const prop in obj) {
console.log(`obj.${prop} = ${obj[prop]}`);
}
// Salida:
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"
Y solo seria agegarle un innerHtmlinnerHtml
por cada elemento en tu objeto, mira las fuentes para mas informacion
https://www.w3schools.com/jsref/prop_html_innerhtml.asp https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/for...in
BasicamneteBásicamente seria eso solo vazvas agregando a tu carta los sub valores de tu objeto en diversas partes, lo construllesconstruyes con el innerHtml y las comillas inversas backticks de javascript