style: Prediction style (#8041)

### <samp>🤖 Generated by Copilot at db675e9</samp>

### Summary
🎂🐰📱


Adjust `BirthdayBunny` image position on predictions menu using percentage values. Improve responsiveness and alignment of UI on different screen sizes.

> _`BirthdayBunny` moves_
> _Adjusting to screen height_
> _Springtime alignment_

### Walkthrough
*  Adjust the position of the `BirthdayBunny` image on the menu bar using percentage values instead of fixed pixel values to improve responsiveness and alignment on different screen sizes ([link](https://github.com/pancakeswap/pancake-frontend/pull/8041/files?diff=unified&w=0#diff-b7cba27cbf14f9083ceea89b1d24da477ba77ccdcc020fe9a75f4ffd74467e15L80-R90))

apps/web/src/views/Predictions/components/JupiterPredictors.tsx

@@ -17,7 +17,7 @@ const JupiterPredictorsContainer = styled(Box)`
 
   ${({ theme }) => theme.mediaQueries.lg} {
     position: absolute;
-    margin: -120px 0 0 16px;
+    margin: -180px 0 0 16px;
   }
 `
 

apps/web/src/views/Predictions/components/Menu.tsx

@@ -73,15 +73,19 @@ const BirthdayBunny = styled(Image)`
   }
 
   @media only screen and (min-height: 600px) {
-    top: 70px;
+    top: 3%;
   }
 
   @media only screen and (min-height: 1000px) {
-    top: 140px;
+    top: 9%;
   }
 
   @media only screen and (min-height: 1100px) {
-    top: 200px;
+    top: 14%;
+  }
+
+  @media only screen and (min-height: 1200px) {
+    top: 17%;
   }
 
   @media only screen and (min-height: 1300px) {