fix background image positioning

majak_uistyleguide/templates/patterns/organisms/main_section/small_newsletter_section.html

 <div
-  class="newsletter-section"
+  class="newsletter-section newsletter-section--small"
   style="background-image:url('../../../../../static/images/background-images/bg-newsletter.webp')"
 >
   <div class="container--medium py-16">

src/css/organisms/newsletter.pcss

 .newsletter-section {
   @apply bg-cover bg-no-repeat;
 
-  background-position: -400px;
+  &:not(.newsletter-section--small) {
+    background-position: -400px;
+  }
 
   @screen md {
     background-position: left top;

src/js/components/card_program/CardProgram.vue

@@ -31,7 +31,7 @@
           :title="point.title"
           :renderedContent="point.renderedContent"
           :points="point.points"
-          :openPointBackgroundClass="point.openPointBackgroundClass"
+          :openPointBackgroundClass="openPointBackgroundClass"
         />
       </ul>
     </div>

src/js/components/card_program/CardProgramItem.vue

@@ -101,7 +101,7 @@
 <script>
 export default {
   name: "CardProgramItem",
-  props: ["slug", "title", "number", "renderedContent", "points", "defaultIsOpen"],
+  props: ["slug", "title", "number", "renderedContent", "points", "defaultIsOpen", "openPointBackgroundClass"],
   data () {
     return {
       isOpen: this.defaultIsOpen