main:misc small fixes on homepages sections

main/styleguide/source/_patterns/organisms/articles-section.mustache

-<div class="section-clip mb-8 py-16 bg-no-repeat lg:py-36 lg:mb-16"
+<div class="bg-cover bg-no-repeat section-clip mb-8 py-16 lg:py-36 lg:mb-16"
      style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
   <div class="container--medium mx-auto px-4">
     <h2 class="head-7xl text-center mb-6 xl:mb-28">

main/styleguide/source/_patterns/organisms/box-links-section.mustache

-<div class="section-clip py-32 bg-no-repeat"
+<div class="bg-cover bg-no-repeat footer-section section-clip py-32"
        style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
     <div class="container--wide mx-auto px-4 pt-16">
       <h2 class="clear-both head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center mb-16">

main/styleguide/source/_patterns/organisms/newsletter-section.mustache

-<div class="newsletter-section section-clip bg-cover bg-no-repeat flex"
+<div class="footer-section section-clip bg-cover bg-no-repeat flex"
      style="background-image: url('https://images.pexels.com/photos/3073681/pexels-photo-3073681.jpeg')">
   <div class="container--medium mx-auto px-4 ">
     <div class="w-6/12 flex flex-col">

main/styleguide/source/_patterns/organisms/region-section.mustache

-<div class="section-clip py-32 bg-no-repeat"
+<div class="bg-cover bg-no-repeat section-clip pt-32 pb-52"
      style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
   <div class="container--medium mx-auto px-4 ">
     <h2 class="head-7xl text-center mb-14 lg:mb-28">
-      Piráti zastupují občany
+      Piráti v regionech
     </h2>
     <div class="flex flex-wrap">
       <div class="__js-root w-12/12 flex items-center justify-center lg:w-7/12">

main/styleguide/source/css/atoms/container.pcss

@@ -19,9 +19,11 @@
 
 .section-clip {
   clip-path: polygon(0 1%, 100% 0%, 100% 99%, 0% 100%);
+  margin-bottom: -3.2vw;
 
   @screen xl {
     clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
+    margin-bottom: -4.2vw;
   }
 }
 

main/styleguide/source/css/atoms/extra_sizing.pcss

-.newsletter-section {
+.footer-section {
   height: 981px;
-  margin-bottom: -3.2vw;
 }
 
 .person-box-medium {