Das Bild zeigt eine Streichholzschachtel mit Streichholzern als schwarze Skizze/Illustration auf schwarzem Hintergrund, mit "Lys" auf der Box. Ich speichere das Bild und fuge es zur Instagram-Section hinzu.

Ich habe die Streichholzer-Box als dekoratives Asset in der Instagram-Section hinzugefugt. Das Bild wird links oben mit leichter Rotation angezeigt und verwendet mix-blend-multiply, um den schwarzen Hintergrund des Bildes auf dem weissen Section-Hintergrund transparent zu machen. Das Asset ist nur auf grossen Bildschirmen (lg) sichtbar.

Das Bild zeigt eine Streichholzschachtel mit Streichholzern als beige/cremefarbene Skizze auf schwarzem Hintergrund, mit "Lys" auf der Box. Ich speichere diese Version und aktualisiere die Instagram-Section.

Ich habe die beige Streichholzer-Version in der Instagram-Section eingebunden. Da das Bild eine beige Zeichnung auf schwarzem Hintergrund hat, verwende ich mix-blend-lighten - dieser Blend-Modus zeigt nur die hellen (beige) Teile und macht den schwarzen Hintergrund auf dem weissen Section-Hintergrund unsichtbar.

Diese Warnung ist erwartet - die Google Maps JavaScript API muss client-seitig laufen und benotigt den NEXT_PUBLIC_ Prefix. Der Key ist sicher, solange du ihn in der Google Cloud Console auf deine Domains beschrankt hast (z.B. https://lysbo.de/*, https://*.vercel.app/*).

Die beige Streichholzer sind jetzt in der Instagram-Section sichtbar.