add shadow+change webp -> svg icons+add scale

src/pages/mainPage/_ui/forYouSection/forYouSection.vue

@@ -5,7 +5,7 @@
     </UiHeading>
     <ul class="flex mt-20 flex-row items-center justify-between">
       <li
-        class="flex flex-col-reverse justify-end w-38 gap-4 h-64 items-center"
+        class="flex flex-col-reverse justify-end w-38 gap-4 h-64 items-center transition-transform transform hover:scale-110"
         v-for="({ img, text }, index) in questions.data"
         :key="index"
       >
@@ -26,27 +26,27 @@ import { reactive } from 'vue'
 const questions = reactive({
   data: [
     {
-      img: '/img/webp/ellipse1.webp',
+      img: '/img/svg/ellipse1.svg',
       text: 'Что делать, если у тебя ноги не "от ушей" и ты далеко не Мисс Мира?',
     },
     {
-      img: '/img/webp/ellipse2.webp',
+      img: '/img/svg/ellipse2.svg',
       text: 'Как начать легко общаться с противоположным полом и о чем надо помолчать?',
     },
     {
-      img: '/img/webp/ellipse3.webp',
+      img: '/img/svg/ellipse3.svg',
       text: 'Как относиться к сексу и на сколько важна девичья невинность?',
     },
     {
-      img: '/img/webp/ellipse4.webp',
+      img: '/img/svg/ellipse4.svg',
       text: 'Сколько нужно заниматься, чтобы обрести НОВУЮ себя?',
     },
     {
-      img: '/img/webp/ellipse5.webp',
+      img: '/img/svg/ellipse5.svg',
       text: 'Как выработать стратегию долгосрочных отношений?',
     },
     {
-      img: '/img/webp/ellipse6.webp',
+      img: '/img/svg/ellipse6.svg',
       text: 'Как добиться того, чтоб парень делал так, как ты хочешь, но думал, что он сам так решил?',
     },
   ],

src/pages/mainPage/_ui/youNotAloneSection/youNotAloneSection.vue

@@ -1,12 +1,12 @@
 <template>
   <section class="flex flex-row">
-    <div class="lg:w-4/12 mr-20">
+    <div class="lg:w-5/12 pl-5 pr-5 shadow-md bg-[url('/src/assets/img/png/shadow.png')]">
-      <UiHeading tag="H2" size="300" class="text-three mb-4">
+      <UiHeading tag="H2" size="300" class="text-three mb-4 mt-5">
         💔 Ты не одна.
         <br />Я знаю, через что ты<br />
         проходишь.
       </UiHeading>
-      <UiParagraph size="250" class="xl:max-w-[322px]"
+      <UiParagraph size="250" class="xl:max-w-[392px] mb-5"
         >Когда ты снова и снова отдаёшь сердце, а в ответ — тишина или игра, это ранит. Я знаю это
         чувство. Я был по ту сторону: манипулировал, очаровывал, уходил.
 
@@ -20,7 +20,7 @@
         первой страницы. В этих книгах нет воды. Только правда.</UiParagraph
       >
     </div>
-    <div class="lg:w-9/12">
+    <div class="lg:w-7/12">
       <img alt="meeting" width="100%" height="100%" src="/img/webp/meetingAlone.webp" />
     </div>
   </section>