Fix illustration padding and center for mobiel

app/assets/stylesheets/pages/milestone.scss

@@ -217,4 +217,12 @@
   .text-container {
     position: relative;
   }
+
+  @media (max-width: $screen-xs-max) {
+    .illustration {
+      display: block;
+      text-align: center;
+      margin: $gl-padding 0;
+    }
+  }
 }

app/views/shared/milestones/_deprecation_message.html.haml

-.milestone-deprecation-message.prepend-top-default
-  = image_tag 'illustrations/milestone_removing-page.svg', class: 'append-right-default'
+.milestone-deprecation-message.prepend-top-default.prepend-left-default
+  .illustration.inline= image_tag 'illustrations/milestone_removing-page.svg', class: 'append-right-default'
   .inline.vertical-align-middle.text-container
     %strong This page will be removed in a future release.
     %p.append-bottom-default.prepend-top-5