fix(statistics): fix sizes

src/api/routes/statistic/controller.ts

@@ -28,6 +28,8 @@ const MasterClassMaterialsImg = path.join(imageRootDir, 'desktop/master-classes/
 const CupMobileImg = path.join(imageRootDir, 'mobile/cup.png');
 const DecorationMobileImg = path.join(imageRootDir, 'mobile/decoration.png');
 const DiplomaMobileImg = path.join(imageRootDir, 'mobile/graduation/diploma.png');
+const GraduationKidsMobileImg = path.join(imageRootDir, 'mobile/graduation/kids.png');
+const GraduationRateMobileImg = path.join(imageRootDir, 'mobile/graduation/rate.png');
 const KidsMobileImg = path.join(imageRootDir, 'mobile/kids.png');
 const Kids2MobileImg = path.join(imageRootDir, 'mobile/kids2.png');
 const LikeMobileImg = path.join(imageRootDir, 'mobile/like.png');
@@ -97,13 +99,13 @@ const birthdayItems: StatisticsItem[] = [
     img: {
       alt: 'combo',
       height: 90,
-      mobileHeight: 106,
+      mobileHeight: 60,
       mobilePosition: {
         right: 12,
         top: -10,
       },
       mobileSrc: RateMobileImg,
-      mobileWidth: 60,
+      mobileWidth: 106,
       position: {
         right: 22,
         top: 15,
@@ -123,13 +125,13 @@ const birthdayItems: StatisticsItem[] = [
     img: {
       alt: 'programs',
       height: 96,
-      mobileHeight: 84,
+      mobileHeight: 110,
       mobilePosition: {
         right: 10,
         top: -20,
       },
       mobileSrc: ProgramsMobileImg,
-      mobileWidth: 110,
+      mobileWidth: 84,
       position: {
         right: 0,
         top: 15,
@@ -149,13 +151,13 @@ const birthdayItems: StatisticsItem[] = [
     img: {
       alt: 'decor',
       height: 80,
-      mobileHeight: 116,
+      mobileHeight: 90,
       mobilePosition: {
         right: 10,
         top: 10,
       },
       mobileSrc: DecorationMobileImg,
-      mobileWidth: 90,
+      mobileWidth: 116,
       position: {
         right: 35,
         top: 15,
@@ -175,13 +177,13 @@ const birthdayItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 108,
+      mobileHeight: 74,
       mobilePosition: {
         right: 26,
         top: -10,
       },
       mobileSrc: KidsMobileImg,
-      mobileWidth: 74,
+      mobileWidth: 108,
       position: {
         right: -10,
         top: 16,
@@ -321,13 +323,13 @@ const graduationItems: StatisticsItem[] = [
     img: {
       alt: 'combo',
       height: 90,
-      mobileHeight: 106,
+      mobileHeight: 60,
       mobilePosition: {
         left: 12,
         top: -10,
       },
-      mobileSrc: RateMobileImg,
-      mobileWidth: 60,
+      mobileSrc: GraduationRateMobileImg,
+      mobileWidth: 106,
       position: {
         right: 22,
         top: 5,
@@ -347,13 +349,13 @@ const graduationItems: StatisticsItem[] = [
     img: {
       alt: 'diploma',
       height: 85,
-      mobileHeight: 90,
+      mobileHeight: 100,
       mobilePosition: {
         right: 10,
         top: -10,
       },
       mobileSrc: DiplomaMobileImg,
-      mobileWidth: 100,
+      mobileWidth: 90,
       position: {
         right: 22,
         top: 15,
@@ -373,13 +375,13 @@ const graduationItems: StatisticsItem[] = [
     img: {
       alt: 'decor',
       height: 80,
-      mobileHeight: 116,
+      mobileHeight: 90,
       mobilePosition: {
         right: 10,
         top: 10,
       },
       mobileSrc: DecorationMobileImg,
-      mobileWidth: 90,
+      mobileWidth: 116,
       position: {
         right: 35,
         top: 10,
@@ -398,20 +400,20 @@ const graduationItems: StatisticsItem[] = [
   {
     img: {
       alt: 'kids',
-      height: 94,
-      mobileHeight: 108,
+      height: 90,
+      mobileHeight: 90,
       mobilePosition: {
         right: 10,
         top: -10,
       },
-      mobileSrc: KidsMobileImg,
-      mobileWidth: 74,
+      mobileSrc: GraduationKidsMobileImg,
+      mobileWidth: 127,
       position: {
         right: -10,
         top: 15,
       },
-      src: KidsDesktopImg,
-      width: 90,
+      src: GraduationKidsMobileImg,
+      width: 138,
     },
     size: {
       sm: 2,
@@ -437,13 +439,13 @@ const outdoorsItems: StatisticsItem[] = [
     img: {
       alt: 'combo',
       height: 90,
-      mobileHeight: 106,
+      mobileHeight: 60,
       mobilePosition: {
         left: 12,
         top: -10,
       },
       mobileSrc: RateMobileImg,
-      mobileWidth: 60,
+      mobileWidth: 106,
       position: {
         right: 22,
         top: 5,
@@ -489,13 +491,13 @@ const outdoorsItems: StatisticsItem[] = [
     img: {
       alt: 'decor',
       height: 108,
-      mobileHeight: 76,
+      mobileHeight: 136,
       mobilePosition: {
         right: 14,
         top: 10,
       },
       mobileSrc: StatDecorMobileImg,
-      mobileWidth: 136,
+      mobileWidth: 76,
       position: {
         right: 35,
         top: 10,
@@ -515,13 +517,13 @@ const outdoorsItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 108,
+      mobileHeight: 74,
       mobilePosition: {
         left: 28,
         top: -10,
       },
       mobileSrc: KidsMobileImg,
-      mobileWidth: 74,
+      mobileWidth: 106,
       position: {
         right: -10,
         top: 15,
@@ -553,13 +555,13 @@ const egerQuestItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 106,
+      mobileHeight: 110,
       mobilePosition: {
         right: 15,
         top: -20,
       },
       mobileSrc: Kids2MobileImg,
-      mobileWidth: 110,
+      mobileWidth: 106,
       position: {
         right: 22,
         top: 20,
@@ -581,13 +583,13 @@ const egerQuestItems: StatisticsItem[] = [
     img: {
       alt: 'programs',
       height: 90,
-      mobileHeight: 116,
+      mobileHeight: 122,
       mobilePosition: {
         right: -20,
         top: 5,
       },
       mobileSrc: BooksMobileImg,
-      mobileWidth: 122,
+      mobileWidth: 116,
       position: {
         right: 22,
         top: 15,
@@ -609,13 +611,13 @@ const egerQuestItems: StatisticsItem[] = [
     img: {
       alt: 'decor',
       height: 94,
-      mobileHeight: 68,
+      mobileHeight: 94,
       mobilePosition: {
         right: 14,
         top: 10,
       },
       mobileSrc: MapMobileImg,
-      mobileWidth: 94,
+      mobileWidth: 68,
       position: {
         right: 35,
         top: 10,
@@ -637,13 +639,13 @@ const egerQuestItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 64,
+      mobileHeight: 94,
       mobilePosition: {
         right: 0,
         top: -15,
       },
       mobileSrc: KeysMobileImg,
-      mobileWidth: 94,
+      mobileWidth: 69,
       position: {
         right: 30,
         top: 15,
@@ -677,13 +679,13 @@ const faraonQuestItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 106,
+      mobileHeight: 110,
       mobilePosition: {
         right: 15,
         top: -20,
       },
       mobileSrc: Kids2MobileImg,
-      mobileWidth: 110,
+      mobileWidth: 105,
       position: {
         right: 22,
         top: 20,
@@ -705,13 +707,13 @@ const faraonQuestItems: StatisticsItem[] = [
     img: {
       alt: 'programs',
       height: 90,
-      mobileHeight: 116,
+      mobileHeight: 122,
       mobilePosition: {
         right: -20,
         top: 5,
       },
       mobileSrc: BooksMobileImg,
-      mobileWidth: 122,
+      mobileWidth: 116,
       position: {
         right: 22,
         top: 15,
@@ -733,13 +735,13 @@ const faraonQuestItems: StatisticsItem[] = [
     img: {
       alt: 'decor',
       height: 94,
-      mobileHeight: 68,
+      mobileHeight: 94,
       mobilePosition: {
         right: 14,
         top: 10,
       },
       mobileSrc: MapMobileImg,
-      mobileWidth: 94,
+      mobileWidth: 69,
       position: {
         right: 35,
         top: 10,
@@ -761,13 +763,13 @@ const faraonQuestItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 64,
+      mobileHeight: 94,
       mobilePosition: {
         right: 0,
         top: -15,
       },
       mobileSrc: KeysMobileImg,
-      mobileWidth: 94,
+      mobileWidth: 69,
       position: {
         right: 30,
         top: 15,
@@ -801,13 +803,13 @@ const multQuestItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 106,
+      mobileHeight: 110,
       mobilePosition: {
         right: 15,
         top: -20,
       },
       mobileSrc: Kids2MobileImg,
-      mobileWidth: 110,
+      mobileWidth: 105,
       position: {
         right: 22,
         top: 20,
@@ -829,13 +831,13 @@ const multQuestItems: StatisticsItem[] = [
     img: {
       alt: 'programs',
       height: 90,
-      mobileHeight: 116,
+      mobileHeight: 112,
       mobilePosition: {
         right: -20,
         top: 5,
       },
       mobileSrc: BooksMobileImg,
-      mobileWidth: 122,
+      mobileWidth: 116,
       position: {
         right: 22,
         top: 15,
@@ -857,13 +859,13 @@ const multQuestItems: StatisticsItem[] = [
     img: {
       alt: 'decor',
       height: 94,
-      mobileHeight: 68,
+      mobileHeight: 94,
       mobilePosition: {
         right: 14,
         top: 10,
       },
       mobileSrc: MapMobileImg,
-      mobileWidth: 94,
+      mobileWidth: 68,
       position: {
         right: 35,
         top: 10,
@@ -885,13 +887,13 @@ const multQuestItems: StatisticsItem[] = [
     img: {
       alt: 'kids',
       height: 94,
-      mobileHeight: 64,
+      mobileHeight: 94,
       mobilePosition: {
         right: 0,
         top: -15,
       },
       mobileSrc: KeysMobileImg,
-      mobileWidth: 94,
+      mobileWidth: 69,
       position: {
         right: 30,
         top: 15,