diff --git a/src/forest/reward.ts b/src/forest/reward.ts index 745fcb1..96200f8 100644 --- a/src/forest/reward.ts +++ b/src/forest/reward.ts @@ -115,7 +115,7 @@ async function generateForestElement(db: IDBDatabase): Promise<{ ELEMENT_TYPES[Math.floor(Math.random() * ELEMENT_TYPES.length)]!; // Build prompt - const prompt = `Kinderbuch-Illustration, Aquarell-Stil, ${elementType}, magischer Wald, warm, einladend, fuer Kinder, Pastellfarben, kein Text, einzelnes Element auf transparentem Hintergrund`; + const prompt = `Kinderbuch-Illustration, Aquarell-Stil, ${elementType}, magischer Wald, warm, einladend, fuer Kinder, Pastellfarben, kein Text, einfarbig heller gruener Hintergrund`; // Generate image const blob = await generateImage(prompt, referenceImages, config); diff --git a/src/styles/main.css b/src/styles/main.css index 0896aef..cba954e 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -417,9 +417,11 @@ h3 { .forest__element img { max-width: 100%; max-height: 100%; - object-fit: contain; - border-radius: 8px; + object-fit: cover; + border-radius: 50%; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)); + mask-image: radial-gradient(ellipse 70% 70% at center, black 50%, transparent 100%); + -webkit-mask-image: radial-gradient(ellipse 70% 70% at center, black 50%, transparent 100%); } .forest__element--new {