feat: background

src/screens/Playback/PlaybackGuide.js

@@ -7,13 +7,14 @@ import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
 import { gutters, Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
+import { isWeb } from "../../hooks/useLayoutType";
 
 const PlaybackGuide = ({ navigation }) => {
     return (
-        <Page headerType="NONE" backgroundImg={background.playbackBG2}>
+        <Page headerType="NONE" backgroundImg={isWeb ? background.playbackWeb : background.playbackMobile}>
             <MusicLandHeader onPressBack={() => navigation.goBack()} />
             <View style={styles.container}>
-                <BlurView intensity={Platform.OS === "ios" ? 80 : 50} style={styles.blurContainer}>
+                <BlurView intensity={Platform.OS === "ios" ? 80 : 40} style={styles.blurContainer} experimentalBlurMethod="dimezisBlurView">
                     <ScrollView
                         contentContainerStyle={styles.scrollContent}
                         showsVerticalScrollIndicator={false}