fix(breadcrumb): proper styling and separator

public/images/icon-breadcrumb.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8">
+    <path fill="none" fill-rule="evenodd" stroke="#8091A5" stroke-width="1.5" d="M1 7l3-2.89L1 1"/>
+</svg>

public/stylesheets/style.css

@@ -1486,6 +1486,8 @@ display: flex;
 
 .breadcrumb {
   margin-bottom: 5.5px;
+
+  font-size: 0.875em;
 }
 
 .breadcrumb ul {
@@ -1503,16 +1505,20 @@ display: flex;
   margin: 0;
 }
 
-.breadcrumb ul li + li {
-  margin-left: 5.5px;
-}
-
 .breadcrumb ul li:after {
-  content: ' >';
+  content: '';
+  display: inline-block;
+  background: url('/images/icon-breadcrumb.svg');
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+  width: 4px;
+  height: 8px;
+  padding: 0 5.5px;
 }
 
 .breadcrumb ul li:last-child:after {
-  content: '';
+  display: none;
 }
 
 .breadcrumb ul li a {