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: 'Как добиться того, чтоб парень делал так, как ты хочешь, но думал, что он сам так решил?',
     },
   ],