diff --git a/public/assets/Artboard 19.svg b/public/assets/Artboard 19.svg
deleted file mode 100644
index 9bc4ee3..0000000
--- a/public/assets/Artboard 19.svg	
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 664.47 198.01"><defs><style>.cls-1{font-family:barcodefont, 'barcode font';font-size:194.02px;}.cls-1,.cls-2{fill:#f7a6a6;}</style></defs><text class="cls-1" transform="translate(0 193.33)"><tspan x="0" y="0" xml:space="preserve">lotte  ontvlambaar.be</tspan></text><path class="cls-2" d="M195.01,195.9c-2.91,1.53-5.86,2.11-9.41,2.11-8.66,0-16.01-6.34-16.01-16.49,0-10.88,7.56-20.29,19.29-20.29,9.19,0,15.38,6.45,15.38,15.27,0,7.93-4.44,12.58-9.41,12.58-2.11,0-4.07-1.43-3.91-4.65h-.21c-1.85,3.12-4.28,4.65-7.45,4.65s-5.71-2.48-5.71-6.66c0-6.55,5.18-12.52,12.52-12.52,2.27,0,4.28.48,5.65,1.11l-1.8,9.57c-.79,4.01-.16,5.86,1.59,5.92,2.69.05,5.71-3.54,5.71-9.67,0-7.66-4.6-13.16-12.79-13.16-8.61,0-15.85,6.81-15.85,17.54,0,8.82,5.76,14.27,13.58,14.27,3.01,0,5.81-.63,7.98-1.85l.85,2.27ZM192.11,173.07c-.53-.16-1.43-.37-2.64-.37-4.65,0-8.4,4.39-8.4,9.51,0,2.32,1.16,4.01,3.49,4.01,3.06,0,5.86-3.91,6.45-7.18l1.11-5.97Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/Artboard 20.svg b/public/assets/Artboard 20.svg
deleted file mode 100644
index ddce4a8..0000000
--- a/public/assets/Artboard 20.svg	
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 664.47 198.01"><defs><style>.cls-1{font-family:barcodefont, 'barcode font';font-size:194.02px;}</style></defs><text class="cls-1" transform="translate(0 193.33)"><tspan x="0" y="0" xml:space="preserve">lotte  ontvlambaar.be</tspan></text><path d="M195.01,195.9c-2.91,1.53-5.86,2.11-9.41,2.11-8.66,0-16.01-6.34-16.01-16.49,0-10.88,7.56-20.29,19.29-20.29,9.19,0,15.38,6.45,15.38,15.27,0,7.93-4.44,12.58-9.41,12.58-2.11,0-4.07-1.43-3.91-4.65h-.21c-1.85,3.12-4.28,4.65-7.45,4.65s-5.71-2.48-5.71-6.66c0-6.55,5.18-12.52,12.52-12.52,2.27,0,4.28.48,5.65,1.11l-1.8,9.57c-.79,4.01-.16,5.86,1.59,5.92,2.69.05,5.71-3.54,5.71-9.67,0-7.66-4.6-13.16-12.79-13.16-8.61,0-15.85,6.81-15.85,17.54,0,8.82,5.76,14.27,13.58,14.27,3.01,0,5.81-.63,7.98-1.85l.85,2.27ZM192.11,173.07c-.53-.16-1.43-.37-2.64-.37-4.65,0-8.4,4.39-8.4,9.51,0,2.32,1.16,4.01,3.49,4.01,3.06,0,5.86-3.91,6.45-7.18l1.11-5.97Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/Branding.webp b/public/assets/highres/Branding.webp
similarity index 100%
rename from public/assets/Branding.webp
rename to public/assets/highres/Branding.webp
diff --git a/public/assets/Educatief-zetwerk.webp b/public/assets/highres/Educatief-zetwerk.webp
similarity index 100%
rename from public/assets/Educatief-zetwerk.webp
rename to public/assets/highres/Educatief-zetwerk.webp
diff --git a/public/assets/UX-UI.webp b/public/assets/highres/UX-UI.webp
similarity index 100%
rename from public/assets/UX-UI.webp
rename to public/assets/highres/UX-UI.webp
diff --git a/public/assets/logo-light.svg b/public/assets/logo-light.svg
new file mode 100644
index 0000000..dc6a280
--- /dev/null
+++ b/public/assets/logo-light.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 93.71 93.71"><defs><style>.cls-1{fill:none;}.cls-2{fill:#2e142c;}.cls-3{fill:#e41f1a;}.cls-4{fill:#1d1d1b;}.cls-5{fill:#fff;}.cls-6{clip-path:url(#clippath);}</style><clipPath id="clippath"><circle class="cls-1" cx="46.86" cy="46.86" r="43.11"/></clipPath></defs><g class="cls-6"><circle class="cls-5" cx="46.86" cy="46.86" r="43.11"/><path class="cls-2" d="M46.86,90.9c-24.29,0-44.05-19.76-44.05-44.05S22.57,2.81,46.86,2.81s44.05,19.76,44.05,44.05-19.76,44.05-44.05,44.05ZM46.86,4.68C23.6,4.68,4.68,23.6,4.68,46.86s18.92,42.17,42.17,42.17,42.17-18.92,42.17-42.17S70.11,4.68,46.86,4.68Z"/><path class="cls-4" d="M65.34-23c33.16,29.5,24.22,55.99,28.61,54.68,5.71-1.7,4.91-14.29,4.91-14.29,12.5,22.65,1.34,43.86,1.34,43.86,9.06-2.63,10.07-16.36,10.07-16.36,0,0,18.33,62.79-39.61,62.79S30.37,50.76,30.37,50.76c0,0,2.65,12.99,9.05,14.73,0,0-6.4-23.15,10.5-46.37,0,0,1.43,19.44,9.95,9.18s10.02-33.36,5.47-51.3Z"/><path class="cls-5" d="M67.83,37.79c16.97,15.1,12.39,28.65,14.64,27.98,2.92-.87,2.51-7.31,2.51-7.31,6.4,11.59.68,22.45.68,22.45,4.64-1.34,5.15-8.37,5.15-8.37,0,0,9.38,32.13-20.27,32.13s-20.62-29.13-20.62-29.13c0,0,1.36,6.65,4.63,7.54,0,0-3.27-11.85,5.37-23.73,0,0,.73,9.95,5.09,4.7,4.36-5.25,5.13-17.07,2.8-26.25Z"/></g><path class="cls-3" d="M46.86,93.71C21.02,93.71,0,72.69,0,46.86S21.02,0,46.86,0s46.86,21.02,46.86,46.86-21.02,46.86-46.86,46.86ZM46.86,7.49C25.15,7.49,7.49,25.15,7.49,46.86s17.66,39.36,39.36,39.36,39.36-17.66,39.36-39.36S68.56,7.49,46.86,7.49Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/services/Branding-800.webp b/public/assets/services/Branding-800.webp
new file mode 100644
index 0000000..a2e7783
Binary files /dev/null and b/public/assets/services/Branding-800.webp differ
diff --git a/public/assets/services/Educatief-zetwerk-800.webp b/public/assets/services/Educatief-zetwerk-800.webp
new file mode 100644
index 0000000..081b874
Binary files /dev/null and b/public/assets/services/Educatief-zetwerk-800.webp differ
diff --git a/public/assets/services/UX-UI-800.webp b/public/assets/services/UX-UI-800.webp
new file mode 100644
index 0000000..11b91aa
Binary files /dev/null and b/public/assets/services/UX-UI-800.webp differ
diff --git a/src/app/hero/hero.component.html b/src/app/hero/hero.component.html
index 5ff7e12..7ad005a 100644
--- a/src/app/hero/hero.component.html
+++ b/src/app/hero/hero.component.html
@@ -1,4 +1,4 @@
 <img src="assets/logo-dark.svg" alt="Logo dark" class="only-on-dark" />
-<img src="assets/logo-dark.svg" alt="Logo light" class="only-on-light" />
+<img src="assets/logo-light.svg" alt="Logo light" class="only-on-light" />
 <h1>Ontvlambaar</h1>
 <span class="slogan">Jullie het vuur, wij de branding</span>
diff --git a/src/app/portfolio/portfolio.component.html b/src/app/portfolio/portfolio.component.html
index 7c56424..e300f0c 100644
--- a/src/app/portfolio/portfolio.component.html
+++ b/src/app/portfolio/portfolio.component.html
@@ -3,23 +3,19 @@
     <h2>Zetwerk van boeken</h2>
     <p>Voor educatieve uitgaven, catalogi en proefschriften zorg ik voor een helder en toegankelijk ontwerp dat de inhoud optimaal tot zijn recht laat komen. Educatieve boeken voor leerlingen vragen om een overzichtelijke indeling die het leren stimuleert, terwijl catalogi de producten gestructureerd en visueel aantrekkelijk moeten presenteren. Proefschriften vereisen dan weer een professionele en verzorgde uitstraling die past bij academisch werk. Met aandacht voor detail en leesbaarheid zet ik jouw project om in een professioneel en aantrekkelijk eindresultaat, van eerste pagina tot laatste bladzijde.</p>
   </div>
-  <img src="assets/Educatief-zetwerk.webp" alt="Zetwerk voorbeeld">
+  <img src="assets/services/Educatief-zetwerk-800.webp" alt="Zetwerk voorbeeld">
 </div>
 <div class="right">
   <div>
     <h2>Logo’s, huisstijlen & verpakkingen</h2>
     <p>Een sterke huisstijl en een herkenbaar logo vormen het hart van elk merk. Ik ontwerp de visuele kant van je merkverhaal en zorg voor een blijvende indruk. Van het logo tot de banners, ik creëer een unieke uitstraling die jouw merk laat opvallen en de juiste boodschap overbrengt.</p>
   </div>
-  <img src="assets/Branding.webp" alt="Zetwerk voorbeeld">
+  <img src="assets/services/Branding-800.webp" alt="Zetwerk voorbeeld">
 </div>
 <div class="left">
   <div>
     <h2>UI/UX</h2>
     <p>Een goede vormgeving gaat verder dan alleen mooi zijn; het moet ook gebruiksvriendelijk zijn. Met een sterk ontwerp voor jouw website zorg ik ervoor dat gebruikers moeiteloos hun weg vinden. Door een combinatie van esthetiek en functionaliteit creëer ik een intuïtieve ervaring die aansluit bij de behoeften van de gebruiker en het doel van jouw project.</p>
   </div>
-  <img src="assets/UX-UI.webp" alt="Zetwerk voorbeeld">
+  <img src="assets/services/UX-UI-800.webp" alt="Zetwerk voorbeeld">
 </div>
-
-
-
-