add illustrations in inner sections and adjust layout

templates/localization.html

 <div class="container py-5">
-  <h2 class="text-primary">{{ _('Localization is how we reach a global community.') }}</h2>
-  <div class="row py-5">
-    <div class="col-8">
+  <div class="row pt-5">
+    <div class="col-lg-7">
+      <h2 class="text-primary">{{ _('Localization is how we reach a global community.') }}</h2>
       {{ this.body }}
     </div>
-    <div class="col-4 bg-light">
-      <p>Illustration area</p>
+    <div class="col-lg-5">
+      <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
     </div>
   </div>
   <div class="row">

templates/onion-services.html

 <div class="container py-5">
-  <h2 class="text-primary">{{ _('What are Onion Services?') }}</h2>
   <div class="row py-5">
-    <div class="col-8">
+    <div class="col-lg-7">
+      <h2 class="text-primary">{{ _('What are Onion Services?') }}</h2>
       {{ this.body }}
     </div>
-    <div class="col-4 bg-light">
-      <p>Illustration area</p>
+    <div class="col-lg-5">
+        <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
     </div>
   </div>
   <h2 class="text-primary"><u>{{ _('Learn more about onion services here') }}

templates/outreach.html

 <div class="container py-5">
-  <h2 class="text-primary">{{ _('Tell the world about Tor!') }}</h2>
   <div class="row py-5">
-    <div class="col-8">
+    <div class="col-lg-7">
+      <h2 class="text-primary">{{ _('Tell the world about Tor!') }}</h2>
       {{ this.body }}
     </div>
-    <div class="col-4">
+    <div class="col-lg-5">
+      <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
     </div>
   </div>
   <h2 class="text-primary">{{ _('Help us translate') }}</h2>

templates/relay-operations.html

 <div class="container py-5">
   <div class="row py-5">
-    <div class="col-8">
+    <div class="col-lg-7">
+      <h2 class="text-primary">{{ _('Title.') }}</h2>
       {{ this.body }}
     </div>
-    <div class="col-4 bg-light">
-      <p>Illustration area</p>
+    <div class="col-lg-5">
+      <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
     </div>
   </div>
   <div class="row py-5">

templates/training.html

 <div class="container py-5">
-  <h2 class="text-primary">{{ _('We want to teach the world about Tor. Will you help?') }}</h2>
   <div class="row py-5">
-    <div class="col-8">
+    <div class="col-lg-7">
+      <h2 class="text-primary">{{ _('We want to teach the world about Tor. Will you help?') }}</h2>
       {{ this.body }}
     </div>
-    <div class="col-4 bg-light">
-      <p>Illustration area</p>
+    <div class="col-lg-5">
+      <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
     </div>
   </div>
 

templates/user-testing.html

 <div class="container py-5">
-  <h2 class="text-primary">{{ _('Testing Tor features while respecting user privacy') }}</h2>
-  <div class="row py-5">
-    <div class="col-8">
+  <div class="row pt-5">
+    <div class="col-lg-7">
+      <h2 class="text-primary">{{ _('Testing Tor features while respecting user privacy') }}</h2>
       {{ this.body }}
     </div>
-    <div class="col-4 bg-light">
-      <p>Illustration area</p>
+    <div class="col-lg-5">
+      <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
     </div>
   </div>
   <h2 class="text-primary"><u>{{ _('Want to know more? Take a look at our process') }}
@@ -16,8 +16,8 @@
       <div class="col-sm-6 col-md-6 col-sm-12 col-xl-6 py-4">
         <div class="card h-100 border-0">
           <div class="card-body">
-            <h2 class="text-primary display-2"><i class="far fa-{{ child.image }}"></i></h2>
-            <h4 class="card-title text-primary">{{ child.title }}</h4>
+            <span class="text-primary h3"><i class="far fa-{{ child.image }}"></i></span>
+            <h4 class="card-title text-primary my-3">{{ child.title }}</h4>
             <p class="card-text">{{ child.subtitle }}</p>
           </div>
         </div>