diff --git a/assets/components/atoms/picture/picture-avatar.twig b/assets/components/atoms/picture/picture-avatar.twig
index 126735946..ab052c1dc 100644
--- a/assets/components/atoms/picture/picture-avatar.twig
+++ b/assets/components/atoms/picture/picture-avatar.twig
@@ -1,18 +1,19 @@
+{% set avatar_path = avatar_path|default("./images/styleguide/people/avatar-") %}
 <picture>
   <source
     media="(min-width: 1140px)"
-    srcset="https://via.placeholder.com/95x95.jpg 1x,https://via.placeholder.com/190x190.jpg 2x">
+    srcset="{{avatar_path}}120x120.jpg 1x, {{avatar_path}}256x256.jpg 2x">
   <source
     media="(min-width: 960px)"
-    srcset="https://via.placeholder.com/95x95.jpg 1x,https://via.placeholder.com/190x190.jpg 2x">
+    srcset="{{avatar_path}}95x95.jpg 1x, {{avatar_path}}180x180.jpg 2x">
   <source
     media="(min-width: 720px)"
-    srcset="https://via.placeholder.com/80x80.jpg 1x,https://via.placeholder.com/160x160.jpg 2x">
+    srcset="{{avatar_path}}80x80.jpg 1x, {{avatar_path}}160x160.jpg 2x">
   <source
     media="(min-width: 541px)"
-    srcset="https://via.placeholder.com/60x60.jpg 1x,https://via.placeholder.com/120x120.jpg 2x">
+    srcset="{{avatar_path}}60x60.jpg 1x, {{avatar_path}}120x120.jpg 2x">
   <source
     media="(max-width: 540px)"
-    srcset="https://via.placeholder.com/90x90.jpg 1x,https://via.placeholder.com/180x180.jpg 2x">
-  <img src="https://via.placeholder.com/95x95.jpg" class="img-fluid rounded-circle" alt="ALT">
+    srcset="{{avatar_path}}95x95.jpg 1x, {{avatar_path}}180x180.jpg 2x">
+  <img src="{{avatar_path}}120x120.jpg" class="img-fluid rounded-circle" alt="ALT">
 </picture>
diff --git a/assets/components/atoms/picture/picture-cover.twig b/assets/components/atoms/picture/picture-cover.twig
index c168291f5..f20eb691e 100644
--- a/assets/components/atoms/picture/picture-cover.twig
+++ b/assets/components/atoms/picture/picture-cover.twig
@@ -1,19 +1,19 @@
-{% set cover_path = cover_path|default("https://via.placeholder.com/") %}
+{% set cover_path = cover_path|default("./images/styleguide/teaser/news-teaser-") %}
 <picture>
   <source
     media="(min-width: 1140px)"
-    srcset="{{cover_path}}1920x1080.jpg 1x,{{cover_path}}2880x1620.jpg 2x">
+    srcset="{{cover_path}}1920x1080.jpg 1x,{{cover_path}}2240x1260.jpg 2x">
   <source
     media="(min-width: 960px)"
-    srcset="{{cover_path}}1140x641.jpg 1x,{{cover_path}}2280x1283.jpg 2x">
+    srcset="{{cover_path}}1140x641.jpg 1x,{{cover_path}}2240x1260.jpg 2x">
   <source
     media="(min-width: 720px)"
-    srcset="{{cover_path}}960x540.jpg 1x,{{cover_path}}1920x1080.jpg 2x">
+    srcset="{{cover_path}}928x520.jpg 1x,{{cover_path}}1920x1080.jpg 2x">
   <source
     media="(min-width: 541px)"
-    srcset="{{cover_path}}720x405.jpg 1x,{{cover_path}}1440x810.jpg 2x">
+    srcset="{{cover_path}}768x432.jpg 1x,{{cover_path}}1440x810.jpg 2x">
   <source
     media="(max-width: 540px)"
-    srcset="{{cover_path}}540x304.jpg 1x,{{cover_path}}1080x608.jpg 2x">
+    srcset="{{cover_path}}576x324.jpg 1x,{{cover_path}}1080x608.jpg 2x">
   <img src="{{cover_path}}1920x1080.jpg" class="img-fluid" alt="Cover description">
 </picture>
diff --git a/assets/components/atoms/picture/picture-fullwidth-teaser.twig b/assets/components/atoms/picture/picture-fullwidth-teaser.twig
index fba00c147..c8f5fa635 100644
--- a/assets/components/atoms/picture/picture-fullwidth-teaser.twig
+++ b/assets/components/atoms/picture/picture-fullwidth-teaser.twig
@@ -1,21 +1,19 @@
-{% if not img %}
-{% set img %}./images/styleguide/teaser/news-teaser{% endset %}
-{% endif %}
+{% set cover_path = cover_path|default("./images/styleguide/teaser/news-teaser-") %}
 <picture>
   <source
     media="(min-width: 1920px)"
-    srcset="{{img}}-1920x1080.jpg 1x, {{img}}-2240x1260.jpg 2x">
+    srcset="{{cover_path}}1920x1080.jpg 1x, {{cover_path}}2240x1260.jpg 2x">
   <source
     media="(min-width: 1366px)"
-    srcset="{{img}}-1440x810.jpg 1x, {{img}}-1920x1080.jpg 2x">
+    srcset="{{cover_path}}1440x810.jpg 1x, {{cover_path}}1920x1080.jpg 2x">
   <source
     media="(min-width: 1200px)"
-    srcset="{{img}}-1294x728.jpg 1x, {{img}}-1600x900.jpg 2x">
+    srcset="{{cover_path}}1294x728.jpg 1x, {{cover_path}}1600x900.jpg 2x">
   <source
     media="(min-width: 576px)"
-    srcset="{{img}}-768x432.jpg 1x, {{img}}-1440x810.jpg 2x">
+    srcset="{{cover_path}}768x432.jpg 1x, {{cover_path}}1440x810.jpg 2x">
   <source
     media="(max-width: 575px)"
-    srcset="{{img}}-576x324.jpg 1x, {{img}}-1140x641.jpg 2x">
-  <img src="{{img}}-1440x810.jpg" class="img-fluid" alt="image description">
+    srcset="{{cover_path}}576x324.jpg 1x, {{cover_path}}1140x641.jpg 2x">
+  <img src="{{cover_path}}1440x810.jpg" class="img-fluid" alt="image description">
 </picture>
diff --git a/assets/components/atoms/picture/picture-one-third-square.twig b/assets/components/atoms/picture/picture-one-third-square.twig
index 3ee256d30..c26eea0fc 100644
--- a/assets/components/atoms/picture/picture-one-third-square.twig
+++ b/assets/components/atoms/picture/picture-one-third-square.twig
@@ -1,18 +1,19 @@
+{% set img_path = img_path|default("./images/styleguide/teaser/news-teaser-") %}
 <picture>
   <source
     media="(min-width: 1140px)"
-    srcset="https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x">
+    srcset="{{img_path}}480x480.jpg 1x, {{img_path}}780x780.jpg 2x">
   <source
     media="(min-width: 960px)"
-    srcset="https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x">
+    srcset="{{img_path}}360x360.jpg 1x, {{img_path}}780x780.jpg 2x">
   <source
     media="(min-width: 720px)"
-    srcset="https://via.placeholder.com/960x960.jpg 1x,https://via.placeholder.com/1920x1920.jpg 2x">
+    srcset="{{img_path}}360x360.jpg 1x, {{img_path}}640x640.jpg 2x">
   <source
     media="(min-width: 541px)"
-    srcset="https://via.placeholder.com/240x240.jpg 1x,https://via.placeholder.com/480x480.jpg 2x">
+    srcset="{{img_path}}780x780.jpg 1x, {{img_path}}1440x1440.jpg 2x">
   <source
     media="(max-width: 540px)"
-    srcset="https://via.placeholder.com/180x180.jpg 1x,https://via.placeholder.com/360x360.jpg 2x">
-  <img src="https://via.placeholder.com/1140x1140.jpg" class="img-fluid" alt="ALT">
+    srcset="{{img_path}}640x640.jpg 1x, {{img_path}}1080x1080.jpg 2x">
+  <img src="{{img_path}}780x780.jpg" class="img-fluid" alt="ALT">
 </picture>
diff --git a/assets/components/atoms/picture/picture-one-third.twig b/assets/components/atoms/picture/picture-one-third.twig
index 67d86edf1..be621fbf5 100644
--- a/assets/components/atoms/picture/picture-one-third.twig
+++ b/assets/components/atoms/picture/picture-one-third.twig
@@ -1,18 +1,19 @@
+{% set img_path = img_path|default("./images/styleguide/teaser/news-teaser-") %}
 <picture>
   <source
     media="(min-width: 1140px)"
-    srcset="https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x">
+    srcset="{{img_path}}380x214.jpg 1x, {{img_path}}768x432.jpg 2x">
   <source
     media="(min-width: 960px)"
-    srcset="https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x">
+    srcset="{{img_path}}380x214.jpg 1x, {{img_path}}768x432.jpg 2x">
   <source
     media="(min-width: 720px)"
-    srcset="https://via.placeholder.com/320x180.jpg 1x,https://via.placeholder.com/640x360.jpg 2x">
+    srcset="{{img_path}}320x180.jpg 1x, {{img_path}}640x360.jpg 2x">
   <source
     media="(min-width: 541px)"
-    srcset="https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x">
+    srcset="{{img_path}}768x432.jpg 1x, {{img_path}}1440x810.jpg 2x">
   <source
     media="(max-width: 540px)"
-    srcset="https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x">
-  <img src="https://via.placeholder.com/380x214.jpg" class="img-fluid" alt="ALT">
+    srcset="{{img_path}}576x324.jpg 1x, {{img_path}}1080x608.jpg 2x">
+  <img src="{{img_path}}380x214.jpg" class="img-fluid" alt="ALT">
 </picture>
diff --git a/assets/components/atoms/picture/picture-portrait.twig b/assets/components/atoms/picture/picture-portrait.twig
index e8a0905d2..c645442c9 100644
--- a/assets/components/atoms/picture/picture-portrait.twig
+++ b/assets/components/atoms/picture/picture-portrait.twig
@@ -1,18 +1,19 @@
+{% set portrait_path = portrait_path|default("./images/styleguide/people/portrait-") %}
 <picture>
   <source
     media="(min-width: 1140px)"
-    srcset="https://via.placeholder.com/253x360.jpg 1x,https://via.placeholder.com/506x720.jpg 2x">
+    srcset="{{portrait_path}}253x360.jpg 1x, {{portrait_path}}506x720.jpg 2x">
   <source
     media="(min-width: 960px)"
-    srcset="https://via.placeholder.com/211x300.jpg 1x,https://via.placeholder.com/422x600.jpg 2x">
+    srcset="{{portrait_path}}211x300.jpg 1x, {{portrait_path}}422x600.jpg 2x">
   <source
     media="(min-width: 720px)"
-    srcset="https://via.placeholder.com/253x360.jpg 1x,https://via.placeholder.com/506x720.jpg 2x">
+    srcset="{{portrait_path}}253x360.jpg 1x, {{portrait_path}}506x720.jpg 2x">
   <source
     media="(min-width: 541px)"
-    srcset="https://via.placeholder.com/253x360.jpg 1x,https://via.placeholder.com/506x720.jpg 2x">
+    srcset="{{portrait_path}}253x360.jpg 1x, {{portrait_path}}506x720.jpg 2x">
   <source
     media="(max-width: 540px)"
-    srcset="https://via.placeholder.com/211x300.jpg 1x,https://via.placeholder.com/422x600.jpg 2x">
-  <img src="https://via.placeholder.com/506x720.jpg" class="img-fluid" alt="ALT">
+    srcset="{{portrait_path}}211x300.jpg 1x, {{portrait_path}}422x600.jpg 2x">
+  <img src="{{portrait_path}}506x720.jpg" class="img-fluid" alt="ALT">
 </picture>
diff --git a/assets/components/atoms/picture/picture-question.twig b/assets/components/atoms/picture/picture-question.twig
index d2b6bddc3..6e7b58c49 100644
--- a/assets/components/atoms/picture/picture-question.twig
+++ b/assets/components/atoms/picture/picture-question.twig
@@ -1,18 +1,19 @@
+{% set img_path = img_path|default("./images/styleguide/homepage/7-science-question/science-question-") %}
 <picture>
   <source
     media="(min-width: 1140px)"
-    srcset="./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x">
+    srcset="{{img_path}}540x304.jpg 1x, {{img_path}}1080x608.jpg 2x">
   <source
     media="(min-width: 960px)"
-    srcset="https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x">
+    srcset="{{img_path}}960x540.jpg 1x, {{img_path}}1440x810.jpg 2x">
   <source
     media="(min-width: 720px)"
-    srcset="https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x">
+    srcset="{{img_path}}720x405.jpg 1x, {{img_path}}1080x608.jpg 2x">
   <source
     media="(min-width: 541px)"
-    srcset="https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x">
+    srcset="{{img_path}}540x304.jpg 1x, {{img_path}}1080x608.jpg 2x">
   <source
     media="(max-width: 540px)"
-    srcset="https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x">
-  <img src="./images/styleguide/homepage/7-science-question-SF.jpg" class="img-fluid" alt="ALT">
+    srcset="{{img_path}}540x304.jpg 1x, {{img_path}}1080x608.jpg 2x">
+  <img src="{{img_path}}720x405.jpg" class="img-fluid" alt="ALT">
 </picture>
diff --git a/assets/components/atoms/picture/picture-thumb-square.twig b/assets/components/atoms/picture/picture-thumb-square.twig
index 7c36681d5..f3d86d8bc 100644
--- a/assets/components/atoms/picture/picture-thumb-square.twig
+++ b/assets/components/atoms/picture/picture-thumb-square.twig
@@ -1,8 +1,19 @@
+{% set thumb_path = thumb_path|default("./images/styleguide/news-thumbs/news_thumb-") %}
 <picture>
-  <source media="(min-width: 1140px)" srcset="https://via.placeholder.com/95x95.jpg 1x,https://via.placeholder.com/190x190.jpg 2x">
-  <source media="(min-width: 960px)" srcset="https://via.placeholder.com/95x95.jpg 1x,https://via.placeholder.com/190x190.jpg 2x">
-  <source media="(min-width: 720px)" srcset="https://via.placeholder.com/80x80.jpg 1x,https://via.placeholder.com/160x160.jpg 2x">
-  <source media="(min-width: 541px)" srcset="https://via.placeholder.com/120x120.jpg 1x,https://via.placeholder.com/240x240.jpg 2x">
-  <source media="(max-width: 540px)" srcset="https://via.placeholder.com/540x540.jpg 1x,https://via.placeholder.com/1080x1080.jpg 2x">
-  <img src="https://via.placeholder.com/95x95.jpg" class="img-fluid" alt="ALT">
+  <source
+    media="(min-width: 1140px)"
+    srcset="{{thumb_path}}95x95.jpg 1x, {{thumb_path}}240x240.jpg 2x">
+  <source
+    media="(min-width: 960px)"
+    srcset="{{thumb_path}}120x120.jpg 1x, {{thumb_path}}240x240.jpg 2x">
+  <source
+    media="(min-width: 720px)"
+    srcset="{{thumb_path}}80x80.jpg 1x, {{thumb_path}}160x160.jpg 2x">
+  <source
+    media="(min-width: 541px)"
+    srcset="{{thumb_path}}120x120.jpg 1x, {{thumb_path}}240x240.jpg 2x">
+  <source
+    media="(max-width: 540px)"
+    srcset="{{thumb_path}}540x540.jpg 1x, {{thumb_path}}1080x1080.jpg 2x">
+  <img src="{{thumb_path}}120x120.jpg" class="img-fluid" alt="ALT">
 </picture>
diff --git a/assets/components/atoms/picture/picture.twig b/assets/components/atoms/picture/picture.twig
index 13130313b..a1236974d 100644
--- a/assets/components/atoms/picture/picture.twig
+++ b/assets/components/atoms/picture/picture.twig
@@ -1,18 +1,19 @@
+{% set img_path = img_path|default("./images/styleguide/teaser/news-teaser-") %}
 <picture>
   <source
     media="(min-width: 1140px)"
-    srcset="https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x">
+    srcset="{{img_path}}576x324.jpg 1x, {{img_path}}1140x641.jpg 2x">
   <source
     media="(min-width: 960px)"
-    srcset="https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x">
+    srcset="{{img_path}}576x324.jpg 1x, {{img_path}}1140x641.jpg 2x">
   <source
     media="(min-width: 720px)"
-    srcset="https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x">
+    srcset="{{img_path}}508x286.jpg 1x, {{img_path}}928x520.jpg 2x">
   <source
     media="(min-width: 541px)"
-    srcset="https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x">
+    srcset="{{img_path}}768x432.jpg 1x, {{img_path}}1440x810.jpg 2x">
   <source
     media="(max-width: 540px)"
-    srcset="https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x">
-  <img src="https://via.placeholder.com/570x321.jpg" class="img-fluid" alt="image description">
+    srcset="{{img_path}}576x324.jpg 1x, {{img_path}}1080x608.jpg 2x">
+  <img src="{{img_path}}576x324.jpg" class="img-fluid" alt="image description">
 </picture>
diff --git a/assets/components/atoms/picture/picture.yml b/assets/components/atoms/picture/picture.yml
index 043ed8694..269749504 100644
--- a/assets/components/atoms/picture/picture.yml
+++ b/assets/components/atoms/picture/picture.yml
@@ -12,7 +12,7 @@ variants:
       Picture used in 'Organism > Fullwidth teaser' and 'News > Highlighted'.
   - name: avatar
     title: Avatar
-    wrapper: col-sm-4 col-md-2 col-lg-1
+    wrapper: col-sm-4 col-md-2
     notes: |
       Avatar picture need an equal height and width in order to be displayed as a circle
   - name: portrait
@@ -25,6 +25,7 @@ variants:
     wrapper: col-md-4
   - name: one-third-square
     title: One third Square picture
+    wrapper: col-md-4
   - name: news-thumb
     title: News Listing Thumbnail
     wrapper: col-3 col-md-2
diff --git a/assets/components/molecules/key-number/key-number-hn-link.twig b/assets/components/molecules/key-number/key-number-hn-link.twig
index fb78b3271..f535382e1 100644
--- a/assets/components/molecules/key-number/key-number-hn-link.twig
+++ b/assets/components/molecules/key-number/key-number-hn-link.twig
@@ -1,4 +1,3 @@
-{% set icon = icon|default("https://via.placeholder.com/") %}
 <a class="card link-trapeze-horizontal" href="#">
   <div class="card border-0 bg-white m-0 h-100">
     <div class="card-header border-0">
diff --git a/assets/components/molecules/key-number/key-number-hn.twig b/assets/components/molecules/key-number/key-number-hn.twig
index ad8a82a14..655e403f9 100644
--- a/assets/components/molecules/key-number/key-number-hn.twig
+++ b/assets/components/molecules/key-number/key-number-hn.twig
@@ -1,4 +1,3 @@
-{% set icon = icon|default("https://via.placeholder.com/") %}
 <div class="card">
   <div class="card border-0 bg-white m-0 h-100">
     <div class="card-header border-0">
diff --git a/assets/components/molecules/key-number/key-number-large.twig b/assets/components/molecules/key-number/key-number-large.twig
index be74e2d90..3381ca00b 100644
--- a/assets/components/molecules/key-number/key-number-large.twig
+++ b/assets/components/molecules/key-number/key-number-large.twig
@@ -1,4 +1,3 @@
-{% set icon = icon|default("https://via.placeholder.com/") %}
 <div class="key-number-large">
   <div class="card border-0 bg-white m-0 h-100">
     <div class="card-header border-0">
diff --git a/assets/components/molecules/key-number/key-number.twig b/assets/components/molecules/key-number/key-number.twig
index b8d831414..168f0cf6a 100644
--- a/assets/components/molecules/key-number/key-number.twig
+++ b/assets/components/molecules/key-number/key-number.twig
@@ -1,4 +1,3 @@
-{% set icon = icon|default("https://via.placeholder.com/") %}
 <div class="key-number">
   <div class="card border-0 bg-white m-0 h-100">
     <div class="card-header border-0">
diff --git a/assets/images/styleguide/homepage/7-science-question/science-question-1080x608.jpg b/assets/images/styleguide/homepage/7-science-question/science-question-1080x608.jpg
new file mode 100644
index 000000000..d709e0835
Binary files /dev/null and b/assets/images/styleguide/homepage/7-science-question/science-question-1080x608.jpg differ
diff --git a/assets/images/styleguide/homepage/7-science-question/science-question-1440x810.jpg b/assets/images/styleguide/homepage/7-science-question/science-question-1440x810.jpg
new file mode 100644
index 000000000..2e67e0a90
Binary files /dev/null and b/assets/images/styleguide/homepage/7-science-question/science-question-1440x810.jpg differ
diff --git a/assets/images/styleguide/homepage/7-science-question/science-question-540x304.jpg b/assets/images/styleguide/homepage/7-science-question/science-question-540x304.jpg
new file mode 100644
index 000000000..f0c2ee5ee
Binary files /dev/null and b/assets/images/styleguide/homepage/7-science-question/science-question-540x304.jpg differ
diff --git a/assets/images/styleguide/homepage/7-science-question/science-question-720x405.jpg b/assets/images/styleguide/homepage/7-science-question/science-question-720x405.jpg
new file mode 100644
index 000000000..4e106eea5
Binary files /dev/null and b/assets/images/styleguide/homepage/7-science-question/science-question-720x405.jpg differ
diff --git a/assets/images/styleguide/homepage/7-science-question/science-question-960x540.jpg b/assets/images/styleguide/homepage/7-science-question/science-question-960x540.jpg
new file mode 100644
index 000000000..dd5da1af4
Binary files /dev/null and b/assets/images/styleguide/homepage/7-science-question/science-question-960x540.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb-1080x1080.jpg b/assets/images/styleguide/news-thumbs/news_thumb-1080x1080.jpg
new file mode 100644
index 000000000..ce2b6e0b7
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb-1080x1080.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb-120x120.jpg b/assets/images/styleguide/news-thumbs/news_thumb-120x120.jpg
new file mode 100644
index 000000000..7c626816a
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb-120x120.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb-160x160.jpg b/assets/images/styleguide/news-thumbs/news_thumb-160x160.jpg
new file mode 100644
index 000000000..fed2ead7f
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb-160x160.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb-240x240.jpg b/assets/images/styleguide/news-thumbs/news_thumb-240x240.jpg
new file mode 100644
index 000000000..21bb10051
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb-240x240.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb-540x540.jpg b/assets/images/styleguide/news-thumbs/news_thumb-540x540.jpg
new file mode 100644
index 000000000..0410f138e
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb-540x540.jpg differ
diff --git a/assets/images/styleguide/news-thumbs/news_thumb-80x80.jpg b/assets/images/styleguide/news-thumbs/news_thumb-80x80.jpg
new file mode 100644
index 000000000..2895d79df
Binary files /dev/null and b/assets/images/styleguide/news-thumbs/news_thumb-80x80.jpg differ
diff --git a/assets/images/styleguide/people/avatar-120x120.jpg b/assets/images/styleguide/people/avatar-120x120.jpg
new file mode 100644
index 000000000..9c88a9ba5
Binary files /dev/null and b/assets/images/styleguide/people/avatar-120x120.jpg differ
diff --git a/assets/images/styleguide/people/avatar-160x160.jpg b/assets/images/styleguide/people/avatar-160x160.jpg
new file mode 100644
index 000000000..e46580c00
Binary files /dev/null and b/assets/images/styleguide/people/avatar-160x160.jpg differ
diff --git a/assets/images/styleguide/people/avatar-180x180.jpg b/assets/images/styleguide/people/avatar-180x180.jpg
new file mode 100644
index 000000000..454d51d1e
Binary files /dev/null and b/assets/images/styleguide/people/avatar-180x180.jpg differ
diff --git a/assets/images/styleguide/people/avatar-256x256.jpg b/assets/images/styleguide/people/avatar-256x256.jpg
new file mode 100644
index 000000000..6063e7581
Binary files /dev/null and b/assets/images/styleguide/people/avatar-256x256.jpg differ
diff --git a/assets/images/styleguide/people/avatar-60x60.jpg b/assets/images/styleguide/people/avatar-60x60.jpg
new file mode 100644
index 000000000..ce7d6fa27
Binary files /dev/null and b/assets/images/styleguide/people/avatar-60x60.jpg differ
diff --git a/assets/images/styleguide/people/avatar-80x80.jpg b/assets/images/styleguide/people/avatar-80x80.jpg
new file mode 100644
index 000000000..7502a87e6
Binary files /dev/null and b/assets/images/styleguide/people/avatar-80x80.jpg differ
diff --git a/assets/images/styleguide/people/avatar-95x95.jpg b/assets/images/styleguide/people/avatar-95x95.jpg
new file mode 100644
index 000000000..125b3c372
Binary files /dev/null and b/assets/images/styleguide/people/avatar-95x95.jpg differ
diff --git a/assets/images/styleguide/people/portrait-211x300.jpg b/assets/images/styleguide/people/portrait-211x300.jpg
new file mode 100644
index 000000000..4ad5499cd
Binary files /dev/null and b/assets/images/styleguide/people/portrait-211x300.jpg differ
diff --git a/assets/images/styleguide/people/portrait-422x600.jpg b/assets/images/styleguide/people/portrait-422x600.jpg
new file mode 100644
index 000000000..e4aff4d2e
Binary files /dev/null and b/assets/images/styleguide/people/portrait-422x600.jpg differ
diff --git a/assets/images/styleguide/people/portrait-506x720.jpg b/assets/images/styleguide/people/portrait-506x720.jpg
new file mode 100644
index 000000000..03e278734
Binary files /dev/null and b/assets/images/styleguide/people/portrait-506x720.jpg differ
diff --git a/assets/images/styleguide/people/portrait-535x360.jpg b/assets/images/styleguide/people/portrait-535x360.jpg
new file mode 100644
index 000000000..a855eeae6
Binary files /dev/null and b/assets/images/styleguide/people/portrait-535x360.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-1080x1080.jpg b/assets/images/styleguide/teaser/news-teaser-1080x1080.jpg
new file mode 100644
index 000000000..c8d895709
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-1080x1080.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-1080x608.jpg b/assets/images/styleguide/teaser/news-teaser-1080x608.jpg
new file mode 100644
index 000000000..44883bff4
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-1080x608.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-1140x1140.jpg b/assets/images/styleguide/teaser/news-teaser-1140x1140.jpg
new file mode 100644
index 000000000..a6de44377
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-1140x1140.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-280x280.jpg b/assets/images/styleguide/teaser/news-teaser-280x280.jpg
new file mode 100644
index 000000000..5a1925383
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-280x280.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-320x180.jpg b/assets/images/styleguide/teaser/news-teaser-320x180.jpg
new file mode 100644
index 000000000..37607bcdd
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-320x180.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-360x360.jpg b/assets/images/styleguide/teaser/news-teaser-360x360.jpg
new file mode 100644
index 000000000..ec515a935
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-360x360.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-380x214.jpg b/assets/images/styleguide/teaser/news-teaser-380x214.jpg
new file mode 100644
index 000000000..f75b2d294
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-380x214.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-480x480.jpg b/assets/images/styleguide/teaser/news-teaser-480x480.jpg
new file mode 100644
index 000000000..cb7b3e8e2
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-480x480.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-640x360.jpg b/assets/images/styleguide/teaser/news-teaser-640x360.jpg
new file mode 100644
index 000000000..eeb6f2254
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-640x360.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-640x640.jpg b/assets/images/styleguide/teaser/news-teaser-640x640.jpg
new file mode 100644
index 000000000..35574c465
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-640x640.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-780x780.jpg b/assets/images/styleguide/teaser/news-teaser-780x780.jpg
new file mode 100644
index 000000000..e44e54f15
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-780x780.jpg differ
diff --git a/assets/images/styleguide/teaser/news-teaser-960x960.jpg b/assets/images/styleguide/teaser/news-teaser-960x960.jpg
new file mode 100644
index 000000000..d81cbcfda
Binary files /dev/null and b/assets/images/styleguide/teaser/news-teaser-960x960.jpg differ