diff --git a/demo/public/assets/teachingbirds/plants.png b/demo/public/assets/teachingbirds/plants.png
new file mode 100644
index 0000000000..341b41b880
Binary files /dev/null and b/demo/public/assets/teachingbirds/plants.png differ
diff --git a/demo/src/configs/teachingbirds/entities.ts b/demo/src/configs/teachingbirds/entities.ts
index 416ff322c5..029c19f2d3 100644
--- a/demo/src/configs/teachingbirds/entities.ts
+++ b/demo/src/configs/teachingbirds/entities.ts
@@ -1239,7 +1239,7 @@ export const demoEntitiesTeachingbirds: () => Entity[] = () =>
     },
     "sensor.herbs_moisture": {
       entity_id: "sensor.herbs_moisture",
-      state: "unknown",
+      state: "39",
       attributes: {
         unit_of_measurement: "%",
         friendly_name: "Herbs moisture",
@@ -1448,7 +1448,7 @@ export const demoEntitiesTeachingbirds: () => Entity[] = () =>
     },
     "sensor.big_chili_moisture": {
       entity_id: "sensor.big_chili_moisture",
-      state: "0",
+      state: "36",
       attributes: {
         unit_of_measurement: "%",
         friendly_name: "Big chili moisture",
@@ -1497,7 +1497,7 @@ export const demoEntitiesTeachingbirds: () => Entity[] = () =>
     },
     "sensor.small_chili_moisture": {
       entity_id: "sensor.small_chili_moisture",
-      state: "unknown",
+      state: "34",
       attributes: {
         unit_of_measurement: "%",
         friendly_name: "Small chili moisture",
diff --git a/demo/src/configs/teachingbirds/lovelace.ts b/demo/src/configs/teachingbirds/lovelace.ts
index 1ea3292746..c6c585a185 100644
--- a/demo/src/configs/teachingbirds/lovelace.ts
+++ b/demo/src/configs/teachingbirds/lovelace.ts
@@ -384,6 +384,48 @@ export const demoLovelaceTeachingbirds: () => LovelaceConfig = () => ({
         },
         {
           cards: [
+            {
+              image: "/assets/teachingbirds/plants.png",
+              elements: [
+                {
+                  style: {
+                    top: "30%",
+                    "--ha-label-badge-font-size": "1em",
+                    left: "10%",
+                  },
+                  type: "state-badge",
+                  entity: "sensor.small_chili_moisture",
+                },
+                {
+                  style: {
+                    top: "30%",
+                    "--ha-label-badge-font-size": "1em",
+                    left: "25%",
+                  },
+                  type: "state-badge",
+                  entity: "sensor.big_chili_moisture",
+                },
+                {
+                  style: {
+                    top: "30%",
+                    "--ha-label-badge-font-size": "1em",
+                    left: "40%",
+                  },
+                  type: "state-badge",
+                  entity: "sensor.herbs_moisture",
+                },
+                {
+                  style: {
+                    top: "12%",
+                    "--ha-label-badge-font-size": "1em",
+                    left: "92%",
+                  },
+                  type: "state-label",
+                  entity: "sensor.greenhouse_temperature",
+                },
+              ],
+              type: "picture-elements",
+            },
             {
               // show_name: false,
               // entity: "camera.stockholm_meteogram",