some chenges: json texts, some styles issues and functionalities

components/SliceFeedback.vue

@@ -1,5 +1,10 @@
 <template>
-  <div class="flex flex-col justify-center items-start space-y-4">
+  <div 
+    class="flex flex-col justify-center items-start space-y-4 rounded-2xl px-4 sm:px-10 py-12 w-full max-w-2xl h-fit"
+    :class="{
+          'bg-surface text-white': data.id !== 'P1-F4-1' && data.id !== 'P1-F4-2',
+          'bg-[#82DBDF] text-surface': data.id === 'P1-F4-1' || data.id === 'P1-F4-2',
+        }">
     <h1 class="text-3xl font-bold">
       {{ data.title[langcode]}}
     </h1>