diff --git a/backend/right_tree/api/data/fixtures/007_habitat_images.json b/backend/right_tree/api/data/fixtures/007_habitat_images.json
new file mode 100644
index 0000000..29d7bca
--- /dev/null
+++ b/backend/right_tree/api/data/fixtures/007_habitat_images.json
@@ -0,0 +1,128 @@
+[
+ {
+ "model": "api.habitatimage",
+ "pk": 1,
+ "fields": {
+ "habitat": 7,
+ "name": "Mangrove",
+ "image_filename": "mangroves_section"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 2,
+ "fields": {
+ "habitat": 7,
+ "name": "Salt Marsh",
+ "image_filename": "salt_marsh"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 4,
+ "fields": {
+ "habitat": 6,
+ "name": "Dune System",
+ "image_filename": "sand_dunes"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 5,
+ "fields": {
+ "habitat": 10,
+ "name": "Rural Section",
+ "image_filename": "rural_section"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 6,
+ "fields": {
+ "habitat": 9,
+ "name": "Rail Section",
+ "image_filename": "transport_corridor_rail_section"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 7,
+ "fields": {
+ "habitat": 9,
+ "name": "Road Section",
+ "image_filename": "transport_corridor_road_section"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 8,
+ "fields": {
+ "habitat": 1,
+ "name": "Urban Section",
+ "image_filename": "urban_section"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 9,
+ "fields": {
+ "habitat": 8,
+ "name": "Mataurangi Maori Garden Section",
+ "image_filename": "maori_garden"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 10,
+ "fields": {
+ "habitat": 2,
+ "name": "Riparian Section",
+ "image_filename": "riparian"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 11,
+ "fields": {
+ "habitat": 4,
+ "name": "Open Wetland Lake Edge Section",
+ "image_filename": "open_wetland_lake"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 12,
+ "fields": {
+ "habitat": 3,
+ "name": "Stormwater Treatment Train Wetland Section",
+ "image_filename": "stormwater_treatment"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 13,
+ "fields": {
+ "habitat": 6,
+ "name": "Coastal Dune and Bank System",
+ "image_filename": "coastal_dune_and_bank_system"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 14,
+ "fields": {
+ "habitat": 5,
+ "name": "Hill Slopes",
+ "image_filename": "hill_slopes"
+ }
+ },
+ {
+ "model": "api.habitatimage",
+ "pk": 15,
+ "fields": {
+ "habitat": 5,
+ "name": "Hill Slopes Features",
+ "image_filename": "hill_slopes_features"
+ }
+ }
+]
\ No newline at end of file
diff --git a/backend/right_tree/api/data/fixtures/007_sample_habitat_images.json b/backend/right_tree/api/data/fixtures/007_sample_habitat_images.json
deleted file mode 100644
index c835ddd..0000000
--- a/backend/right_tree/api/data/fixtures/007_sample_habitat_images.json
+++ /dev/null
@@ -1,29 +0,0 @@
-[
- {
- "model": "api.habitatimage",
- "pk": 1,
- "fields": {
- "habitat": 7,
- "name": "Mangrove",
- "image_filename": "01-coastal-mangroves-marshes.png"
- }
- },
- {
- "model": "api.habitatimage",
- "pk": 2,
- "fields": {
- "habitat": 7,
- "name": "Salt Marsh",
- "image_filename": "03-coastal-grass-reeds-scrub.png"
- }
- },
- {
- "model": "api.habitatimage",
- "pk": 3,
- "fields": {
- "habitat": 2,
- "name": "Bush Hillsides",
- "image_filename": "07-riparian-bush-hillsides.png"
- }
- }
-]
\ No newline at end of file
diff --git a/frontend/src/assets/img/habitatSVG/coastal_dune_and_bank_system.svg b/frontend/src/assets/img/habitatSVG/coastal_dune_and_bank_system.svg
new file mode 100644
index 0000000..7d60315
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/coastal_dune_and_bank_system.svg
@@ -0,0 +1,7207 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/hill_slopes.svg b/frontend/src/assets/img/habitatSVG/hill_slopes.svg
new file mode 100644
index 0000000..0aac60d
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/hill_slopes.svg
@@ -0,0 +1,5385 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/hill_slopes_features.svg b/frontend/src/assets/img/habitatSVG/hill_slopes_features.svg
new file mode 100644
index 0000000..14085f1
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/hill_slopes_features.svg
@@ -0,0 +1,5043 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/mangroves_section.svg b/frontend/src/assets/img/habitatSVG/mangroves_section.svg
new file mode 100644
index 0000000..8086e5b
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/mangroves_section.svg
@@ -0,0 +1,8536 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/maori_garden.svg b/frontend/src/assets/img/habitatSVG/maori_garden.svg
new file mode 100644
index 0000000..62c4e14
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/maori_garden.svg
@@ -0,0 +1,9572 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/open_wetland_lake.svg b/frontend/src/assets/img/habitatSVG/open_wetland_lake.svg
new file mode 100644
index 0000000..5c98f21
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/open_wetland_lake.svg
@@ -0,0 +1,5598 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/riparian.svg b/frontend/src/assets/img/habitatSVG/riparian.svg
new file mode 100644
index 0000000..abc36bc
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/riparian.svg
@@ -0,0 +1,24080 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/rural_section.svg b/frontend/src/assets/img/habitatSVG/rural_section.svg
new file mode 100644
index 0000000..a1f746e
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/rural_section.svg
@@ -0,0 +1,7837 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/salt_marsh.svg b/frontend/src/assets/img/habitatSVG/salt_marsh.svg
new file mode 100644
index 0000000..3eaa79a
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/salt_marsh.svg
@@ -0,0 +1,3823 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/sand_dunes.svg b/frontend/src/assets/img/habitatSVG/sand_dunes.svg
new file mode 100644
index 0000000..85d4ecf
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/sand_dunes.svg
@@ -0,0 +1,170 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/stormwater_treatment.svg b/frontend/src/assets/img/habitatSVG/stormwater_treatment.svg
new file mode 100644
index 0000000..7fa0f9d
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/stormwater_treatment.svg
@@ -0,0 +1,6953 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/transport_corridor_rail_section.svg b/frontend/src/assets/img/habitatSVG/transport_corridor_rail_section.svg
new file mode 100644
index 0000000..baad848
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/transport_corridor_rail_section.svg
@@ -0,0 +1,4850 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/transport_corridor_road_section.svg b/frontend/src/assets/img/habitatSVG/transport_corridor_road_section.svg
new file mode 100644
index 0000000..072b795
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/transport_corridor_road_section.svg
@@ -0,0 +1,138 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitatSVG/urban_section.svg b/frontend/src/assets/img/habitatSVG/urban_section.svg
new file mode 100644
index 0000000..d38a9ce
--- /dev/null
+++ b/frontend/src/assets/img/habitatSVG/urban_section.svg
@@ -0,0 +1,254 @@
+
+
+
+
diff --git a/frontend/src/assets/img/habitats/01-coastal-mangroves-marshes.png b/frontend/src/assets/img/habitats/01-coastal-mangroves-marshes.png
deleted file mode 100755
index faa8021..0000000
Binary files a/frontend/src/assets/img/habitats/01-coastal-mangroves-marshes.png and /dev/null differ
diff --git a/frontend/src/assets/img/habitats/03-coastal-grass-reeds-scrub.png b/frontend/src/assets/img/habitats/03-coastal-grass-reeds-scrub.png
deleted file mode 100755
index 7ff2721..0000000
Binary files a/frontend/src/assets/img/habitats/03-coastal-grass-reeds-scrub.png and /dev/null differ
diff --git a/frontend/src/assets/img/habitats/07-riparian-bush-hillsides.png b/frontend/src/assets/img/habitats/07-riparian-bush-hillsides.png
deleted file mode 100644
index 2a45409..0000000
Binary files a/frontend/src/assets/img/habitats/07-riparian-bush-hillsides.png and /dev/null differ