Adding mobile layout

src/app/app.component.html

@@ -15,6 +15,7 @@
 </div>
 </div>
 <div class="wrapper" id="diensten">
+  <img src="assets/b-images/invoice.png" alt="factuur">
   <div class="content">
     <h2>Diensten</h2>
     <app-collapse [icon]="'fa-book-open'" [title]="'Boekhouding/Accountancy'">
@@ -88,7 +89,6 @@
       </ul>
     </app-collapse>
   </div>
-  <img src="assets/b-images/invoice.png" alt="factuur">
 </div>
 <div class="alternate" id="advies">
 <div class="wrapper">
@@ -141,6 +141,7 @@
 </div>
 <div>
 <div class="wrapper" id="klantworden">
+  <img src="assets/b-images/customer.png" alt="klant">
   <div class="content">
     <h2>Klant worden?</h2>
     <p>
@@ -152,6 +153,7 @@
       Wij zullen u bij de overstap begeleiden, zodat de overgang vlot kan verlopen.
       Wij contacteren uw vorige raadgever om ons uw dossier te bezorgen.
     </p>
+    <img src="assets/b-images/customer.png" alt="klant">
     <h2>Hoe gaan we te werk?</h2>
     <div class="timeline">
       <div><span class="circle"></span><p>Tijdens een eerste vrijblijvende vergadering met één van de vennoten, bespreken we uw project.</p></div>
@@ -162,7 +164,6 @@
       <div><span class="circle"></span><p>Interesse? <span>Op onze <a href="#contact" alt="contact">contact pagina</a> vindt u onze contactgegevens</span></p></div>
     </div>
   </div>
-  <img src="assets/b-images/customer.png" alt="klant">
 </div>
 </div>
 <div class="hero-container2">
@@ -189,6 +190,7 @@
 </div>
 <div>
 <div class="wrapper" id="vacatures">
+  <img src="assets/b-images/vacancies.png" alt="vacatures">
   <div class="content">
     <h2>Vacatures</h2>
     <p>
@@ -218,7 +220,6 @@
       <li>of bezorg dan jouw CV en motivatiebrief aan robert@sinia.be</li>
     </ul>
   </div>
-  <img src="assets/b-images/vacancies.png" alt="vacatures">
 </div>
 </div>
 <div class="alternate" id="contact">