diff --git a/sass/css/_layout.scss b/sass/css/_layout.scss
index d56e6d7f..3aaa11a7 100644
--- a/sass/css/_layout.scss
+++ b/sass/css/_layout.scss
@@ -98,6 +98,15 @@ p ~ h5 {
     background-size: contain;
   }
 
+  .hero5 {
+    height: 380px;
+    background: url("../images/bottom-graphic-min@2x.png") no-repeat top center;
+    -webkit-background-size: contain;
+    -moz-background-size: contain;
+    -o-background-size: contain;
+    background-size: contain;
+  }
+
   .hero + main {
     margin-top: -150px;
   }
diff --git a/static/images/bottom-graphic-min@2x.png b/static/images/bottom-graphic-min@2x.png
new file mode 100644
index 00000000..291b9b4d
Binary files /dev/null and b/static/images/bottom-graphic-min@2x.png differ
diff --git a/templates/includes/separator_design.html b/templates/includes/separator_design.html
index 379a800c..42e18e84 100644
--- a/templates/includes/separator_design.html
+++ b/templates/includes/separator_design.html
@@ -1,4 +1,4 @@
-<div class="container-fluid {% if not separator_rm_bg %}hero3{% else %}{% endif %} d-flex flex-column justify-content-center">
+<div class="container-fluid {% if not separator_rm_bg %}hero5{% else %}{% endif %} d-flex flex-column justify-content-center">
 
   <div class="container">