feat: fixes

src/components/MusiclandPlaybackCover.js

@@ -57,10 +57,10 @@ const styles = StyleSheet.create({
   },
   profilePicture: {
     position: 'absolute',
-    width: '22.3%',
+    width: '31.25%',
     aspectRatio: 1,
-    left: '38.85%',
-    top: '44.3%',
+    left: '34.375%',
+    top: '39.84375%',
     borderRadius: 999,
   },
   artistName: {

src/screens/HitParade/HitParade.js

@@ -672,7 +672,7 @@ const HitParade = () => {
 
   return (
     <Page
-      backgroundImg={isWeb ? background.hitParadeBG2 : background.hitParadeBG}
+      backgroundImg={background.hitParadeBG2}
       headerType="NONE"
       width="100%"
       maxWidth={1200}

src/utils/createMusiclandPlaybackCover.web.js

@@ -2,7 +2,7 @@ import { Asset } from 'expo-asset'
 import { img } from '../assets'
 
 const COVER_SIZE = 1024
-const PROFILE_SIZE = 228
+const PROFILE_SIZE = 320
 
 const loadImage = (source) =>
   new Promise((resolve, reject) => {
@@ -59,8 +59,8 @@ const drawProfilePicture = (context, profilePicture) => {
     sourceY,
     sourceWidth,
     sourceHeight,
-    398,
-    454,
+    (COVER_SIZE - PROFILE_SIZE) / 2,
+    568 - PROFILE_SIZE / 2,
     PROFILE_SIZE,
     PROFILE_SIZE
   )