diff --git a/app/assets/images/tour/2.svg b/app/assets/images/tour/2.svg
new file mode 100644
index 000000000..05987a49d
--- /dev/null
+++ b/app/assets/images/tour/2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/images/tour/3.svg b/app/assets/images/tour/3.svg
new file mode 100644
index 000000000..52d0f0146
--- /dev/null
+++ b/app/assets/images/tour/3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/images/tour/4.svg b/app/assets/images/tour/4.svg
new file mode 100644
index 000000000..ba12e62a2
--- /dev/null
+++ b/app/assets/images/tour/4.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss
index 822392b34..16e6b8868 100644
--- a/app/assets/stylesheets/components/banner.scss
+++ b/app/assets/stylesheets/components/banner.scss
@@ -131,7 +131,8 @@
}
- img {
+ img,
+ source {
max-width: 100%;
display: block;
}
diff --git a/app/templates/views/tour/2.html b/app/templates/views/tour/2.html
index ecad22e6a..85f1b4068 100644
--- a/app/templates/views/tour/2.html
+++ b/app/templates/views/tour/2.html
@@ -15,11 +15,19 @@
Set up a template like this:
- ![]()
+
+ 
+ alt="A screenshot of a spreadsheet containing data about three people"
+ >
+
Next
diff --git a/app/templates/views/tour/3.html b/app/templates/views/tour/3.html
index 1cef34c1c..7b56ce674 100644
--- a/app/templates/views/tour/3.html
+++ b/app/templates/views/tour/3.html
@@ -15,11 +15,19 @@
Add recipients by uploading a .csv spreadsheet:
- ![]()
+
+
+ >
+
Developers, you can add data automatically using an API
diff --git a/app/templates/views/tour/4.html b/app/templates/views/tour/4.html
index f1284d3ef..4b4e6f6a6 100644
--- a/app/templates/views/tour/4.html
+++ b/app/templates/views/tour/4.html
@@ -17,12 +17,20 @@
Next
- ![]()
+
+
+ >
+
{% endcall %}
{% endblock %}