diff --git a/android/app/build.gradle b/android/app/build.gradle
index f4a7edc..b4e197d 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -51,10 +51,9 @@ android {
     }
 
     defaultConfig {
-        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "com.elektronika.tm"
         minSdkVersion 21 //TODO: Change to 16 in production
-        targetSdkVersion 31
+        targetSdkVersion 33
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
     }
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index c53c17b..e55ce8b 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -30,19 +30,19 @@
                  the Android process has started. This theme is visible to the user
                  while the Flutter UI initializes. After that, this theme continues
                  to determine the Window background behind the Flutter UI. -->
-            <meta-data
+            <!-- <meta-data
               android:name="io.flutter.embedding.android.NormalTheme"
               android:resource="@style/NormalTheme"
-              />
+              /> -->
             <!-- Displays an Android View that continues showing the launch screen
                  Drawable until Flutter paints its first frame, then this splash
                  screen fades out. A splash screen is useful to avoid any visual
                  gap between the end of Android's launch screen and the painting of
                  Flutter's first frame. -->
-            <meta-data
+           <!--  <meta-data
               android:name="io.flutter.embedding.android.SplashScreenDrawable"
               android:resource="@drawable/launch_background"
-              />
+              /> -->
             <intent-filter>
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
diff --git a/android/app/src/main/res/drawable-hdpi/splash.png b/android/app/src/main/res/drawable-hdpi/splash.png
index 74ce959..29a1075 100644
Binary files a/android/app/src/main/res/drawable-hdpi/splash.png and b/android/app/src/main/res/drawable-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/splash.png b/android/app/src/main/res/drawable-mdpi/splash.png
index 806080a..8b8a75a 100644
Binary files a/android/app/src/main/res/drawable-mdpi/splash.png and b/android/app/src/main/res/drawable-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-night-hdpi/splash.png b/android/app/src/main/res/drawable-night-hdpi/splash.png
deleted file mode 100644
index 74ce959..0000000
Binary files a/android/app/src/main/res/drawable-night-hdpi/splash.png and /dev/null differ
diff --git a/android/app/src/main/res/drawable-night-mdpi/splash.png b/android/app/src/main/res/drawable-night-mdpi/splash.png
deleted file mode 100644
index 806080a..0000000
Binary files a/android/app/src/main/res/drawable-night-mdpi/splash.png and /dev/null differ
diff --git a/android/app/src/main/res/drawable-night-xhdpi/splash.png b/android/app/src/main/res/drawable-night-xhdpi/splash.png
deleted file mode 100644
index 3871db9..0000000
Binary files a/android/app/src/main/res/drawable-night-xhdpi/splash.png and /dev/null differ
diff --git a/android/app/src/main/res/drawable-night-xxhdpi/splash.png b/android/app/src/main/res/drawable-night-xxhdpi/splash.png
deleted file mode 100644
index da67771..0000000
Binary files a/android/app/src/main/res/drawable-night-xxhdpi/splash.png and /dev/null differ
diff --git a/android/app/src/main/res/drawable-night-xxxhdpi/splash.png b/android/app/src/main/res/drawable-night-xxxhdpi/splash.png
deleted file mode 100644
index e42275d..0000000
Binary files a/android/app/src/main/res/drawable-night-xxxhdpi/splash.png and /dev/null differ
diff --git a/android/app/src/main/res/drawable-v21/background.png b/android/app/src/main/res/drawable-v21/background.png
index e29b3b5..3107d37 100644
Binary files a/android/app/src/main/res/drawable-v21/background.png and b/android/app/src/main/res/drawable-v21/background.png differ
diff --git a/android/app/src/main/res/drawable-v21/launch_background.xml b/android/app/src/main/res/drawable-v21/launch_background.xml
index 3fe6b2e..3cc4948 100644
--- a/android/app/src/main/res/drawable-v21/launch_background.xml
+++ b/android/app/src/main/res/drawable-v21/launch_background.xml
@@ -6,4 +6,4 @@
     <item>
         <bitmap android:gravity="center" android:src="@drawable/splash"/>
     </item>
-</layer-list>
\ No newline at end of file
+</layer-list>
diff --git a/android/app/src/main/res/drawable-xhdpi/splash.png b/android/app/src/main/res/drawable-xhdpi/splash.png
index 3871db9..e8ac126 100644
Binary files a/android/app/src/main/res/drawable-xhdpi/splash.png and b/android/app/src/main/res/drawable-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/splash.png b/android/app/src/main/res/drawable-xxhdpi/splash.png
index da67771..4c263aa 100644
Binary files a/android/app/src/main/res/drawable-xxhdpi/splash.png and b/android/app/src/main/res/drawable-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable/background.png b/android/app/src/main/res/drawable/background.png
index e29b3b5..3107d37 100644
Binary files a/android/app/src/main/res/drawable/background.png and b/android/app/src/main/res/drawable/background.png differ
diff --git a/android/app/src/main/res/drawable/launch_background.xml b/android/app/src/main/res/drawable/launch_background.xml
index 3fe6b2e..3cc4948 100644
--- a/android/app/src/main/res/drawable/launch_background.xml
+++ b/android/app/src/main/res/drawable/launch_background.xml
@@ -6,4 +6,4 @@
     <item>
         <bitmap android:gravity="center" android:src="@drawable/splash"/>
     </item>
-</layer-list>
\ No newline at end of file
+</layer-list>
diff --git a/android/app/src/main/res/values-night-v31/styles.xml b/android/app/src/main/res/values-night-v31/styles.xml
new file mode 100644
index 0000000..a3653cb
--- /dev/null
+++ b/android/app/src/main/res/values-night-v31/styles.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values-night/styles.xml b/android/app/src/main/res/values-night/styles.xml
index 449a9f9..7b20e15 100644
--- a/android/app/src/main/res/values-night/styles.xml
+++ b/android/app/src/main/res/values-night/styles.xml
@@ -5,6 +5,10 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              Flutter draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/android/app/src/main/res/values-v31/styles.xml b/android/app/src/main/res/values-v31/styles.xml
index 37aab1f..d0a68e9 100644
--- a/android/app/src/main/res/values-v31/styles.xml
+++ b/android/app/src/main/res/values-v31/styles.xml
@@ -4,7 +4,8 @@
     <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:forceDarkAllowed">false</item>
         <item name="android:windowFullscreen">false</item>
-        <item name="android:windowSplashScreenBackground">#ffffff</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
@@ -15,4 +16,4 @@
     <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
     </style>
-</resources>
\ No newline at end of file
+</resources>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index 874a500..f86ecf4 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -7,6 +7,8 @@
         <item name="android:windowBackground">@drawable/launch_background</item>
         <item name="android:forceDarkAllowed">false</item>
         <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
@@ -17,4 +19,4 @@
     <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
     </style>
-</resources>
\ No newline at end of file
+</resources>
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png
index e29b3b5..3107d37 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png and b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
index f3387d4..00cabce 100644
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
@@ -5,48 +5,15 @@
       "idiom" : "universal",
       "scale" : "1x"
     },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "filename" : "LaunchImageDark.png",
-      "idiom" : "universal",
-      "scale" : "1x"
-    },
     {
       "filename" : "LaunchImage@2x.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "filename" : "LaunchImageDark@2x.png",
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
     {
       "filename" : "LaunchImage@3x.png",
       "idiom" : "universal",
       "scale" : "3x"
-    },
-    {
-      "appearances" : [
-        {
-          "appearance" : "luminosity",
-          "value" : "dark"
-        }
-      ],
-      "filename" : "LaunchImageDark@3x.png",
-      "idiom" : "universal",
-      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
index 806080a..8b8a75a 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
index 3871db9..e8ac126 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
index da67771..4c263aa 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark.png
deleted file mode 100644
index 806080a..0000000
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@2x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@2x.png
deleted file mode 100644
index 3871db9..0000000
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@2x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@3x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@3x.png
deleted file mode 100644
index da67771..0000000
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@3x.png and /dev/null differ
diff --git a/ios/Runner/Base.lproj/LaunchScreen.storyboard b/ios/Runner/Base.lproj/LaunchScreen.storyboard
index 4d0e3bb..342e71a 100644
--- a/ios/Runner/Base.lproj/LaunchScreen.storyboard
+++ b/ios/Runner/Base.lproj/LaunchScreen.storyboard
@@ -41,4 +41,4 @@
         <image name="LaunchImage" width="526" height="526"/>
         <image name="LaunchBackground" width="1" height="1"/>
     </resources>
-</document>
\ No newline at end of file
+</document>
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index 403c666..90bacf0 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -55,4 +55,4 @@
 		<key>UIStatusBarHidden</key>
 		<false/>
 	</dict>
-</plist>
\ No newline at end of file
+</plist>
diff --git a/lib/app/core/utils/constants.dart b/lib/app/core/utils/constants.dart
index 1f3b5ac..7065306 100644
--- a/lib/app/core/utils/constants.dart
+++ b/lib/app/core/utils/constants.dart
@@ -16,4 +16,6 @@ class Constants {
   static const USER_NAME = 'user_name';
   static const CART_LIST = 'cart_list';
   static const LOCALE = 'locale';
+  static const IS_SPLASH_SEEN = 'is_splash_seen';
+  static const IS_SPLASH_REMOVED = 'is_splash_removed';
 }
diff --git a/lib/app/pages/dashboard/controller.dart b/lib/app/pages/dashboard/controller.dart
index d329ea3..25a56f8 100644
--- a/lib/app/pages/dashboard/controller.dart
+++ b/lib/app/pages/dashboard/controller.dart
@@ -1,5 +1,9 @@
 import 'package:flutter/cupertino.dart';
+import 'package:flutter_native_splash/flutter_native_splash.dart';
 import 'package:get/get.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+import '../../app.dart';
 
 class DashboardController extends GetxController with GetSingleTickerProviderStateMixin {
   late AnimationController animationController;
@@ -12,7 +16,7 @@ class DashboardController extends GetxController with GetSingleTickerProviderSta
 
   @override
   void onInit() {
-    animationController = AnimationController(vsync: this, duration: Duration(milliseconds: 300), value: 1);
+    _init();
     super.onInit();
   }
 
@@ -22,6 +26,20 @@ class DashboardController extends GetxController with GetSingleTickerProviderSta
     super.dispose();
   }
 
+  Future<void> _init() async {
+    FlutterNativeSplash.remove();
+    animationController = AnimationController(vsync: this, duration: Duration(milliseconds: 300), value: 1);
+
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    final bool isRemoved = prefs.getBool(Constants.IS_SPLASH_REMOVED) ?? false;
+
+    if (isRemoved) {
+      prefs.setBool(Constants.IS_SPLASH_REMOVED, true);
+    } else {
+      FlutterNativeSplash.remove();
+    }
+  }
+
   //  Hide bottom navbar on scroll down
   /* bool handleScrollNotification(ScrollNotification notification) {
     if (notification.depth == 0) {
diff --git a/lib/app/pages/splash/controller.dart b/lib/app/pages/splash/controller.dart
index 32dbffc..2e7f07b 100644
--- a/lib/app/pages/splash/controller.dart
+++ b/lib/app/pages/splash/controller.dart
@@ -1,11 +1,20 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_native_splash/flutter_native_splash.dart';
 import 'package:get/get.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 
 import '../../app.dart';
 
 class LangSplashController extends GetxController {
   RxBool isTurkmen = true.obs;
 
+  @override
+  void onInit() {
+    FlutterNativeSplash.remove();
+
+    super.onInit();
+  }
+
   void onLangBtnTapped(isTurkmenSelected) {
     isTurkmen.value = isTurkmenSelected;
     final langCode = isTurkmen.value ? 'tm' : 'ru';
@@ -14,8 +23,13 @@ class LangSplashController extends GetxController {
     setLocale(langCode);
   }
 
-  void onNextBtnTapped() {
+  Future<void> onNextBtnTapped() async {
     debugPrint('onNextBtnTapped');
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+
+    prefs.setBool(Constants.IS_SPLASH_SEEN, true);
+    prefs.setBool(Constants.IS_SPLASH_REMOVED, true);
+
     Get.offAndToNamed(AppRoutes.DASHBOARD);
   }
 }
diff --git a/lib/main.dart b/lib/main.dart
index d79981d..f5a470c 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -3,6 +3,7 @@ import 'package:flutter/services.dart';
 import 'package:flutter_native_splash/flutter_native_splash.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 
 import 'app/app.dart';
 import 'app/core/utils/notification_service.dart';
@@ -10,9 +11,9 @@ import 'app/core/utils/notification_service.dart';
 DBHelper dbHelper = DBHelper();
 
 Future<void> _initAppInitials() async {
-  WidgetsFlutterBinding.ensureInitialized();
-
   // HttpOverrides.global = MyHttpOverrides();
+  WidgetsBinding widgetsBinding = WidgetsFlutterBinding.ensureInitialized();
+  FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);
 
   await ScreenUtil.ensureScreenSize();
 
@@ -31,25 +32,30 @@ Future<void> _initFBInitials() async {
 
 Future<void> main() async {
   await _initAppInitials();
-
-  final String locale = await getLocale();
-
-  FlutterNativeSplash.remove();
-
-  // FB functions needs to init after
-  /// [FlutterNativeSplash.remove()]
   await _initFBInitials();
 
-  runApp(ElektronikaShopApp(lang: locale));
+  SharedPreferences prefs = await SharedPreferences.getInstance();
+  final bool isSeen = prefs.getBool(Constants.IS_SPLASH_SEEN) ?? false;
+  final String locale = await getLocale();
+
+  runApp(ElektronikaShopApp(
+    lang: locale,
+    isSplashSeen: isSeen,
+  ));
 }
 
 class ElektronikaShopApp extends StatelessWidget {
-  final String? lang;
+  final String lang;
+  final bool isSplashSeen;
 
-  ElektronikaShopApp({required this.lang});
+  ElektronikaShopApp({
+    required this.lang,
+    required this.isSplashSeen,
+  });
 
   @override
   Widget build(BuildContext context) {
+    debugPrint('LANG =>>> $lang');
     SystemChrome.setPreferredOrientations([
       DeviceOrientation.portraitUp,
       DeviceOrientation.portraitDown,
@@ -59,10 +65,10 @@ class ElektronikaShopApp extends StatelessWidget {
         return ScreenUtilInit(
           designSize: Size(constraints.maxWidth, constraints.maxHeight),
           builder: (_, child) => GetMaterialApp(
-            initialRoute: lang == null ? AppRoutes.SPLASH : AppRoutes.DASHBOARD,
+            initialRoute: isSplashSeen ? AppRoutes.DASHBOARD : AppRoutes.SPLASH,
             getPages: AppPages.list,
             debugShowCheckedModeBanner: false,
-            locale: lang == null ? Locale('tm', 'TM') : Locale(lang!, lang!.toUpperCase()),
+            locale: Locale(lang, lang.toUpperCase()),
             fallbackLocale: LocalizationService.fallbackLocale,
             translations: LocalizationService(),
             theme: AppTheme.light,
diff --git a/pubspec.yaml b/pubspec.yaml
index 9747290..8d0c582 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -3,7 +3,7 @@ description: elektronika project online shopping platform.
 
 publish_to: "none" # Remove this line if you wish to publish to pub.dev
 
-version: 2.0.2+7
+version: 2.0.5+11
 
 environment:
   sdk: ">=2.12.0 <3.0.0"
@@ -12,7 +12,7 @@ dependencies:
   flutter:
     sdk: flutter
   cupertino_icons: ^1.0.2
-  flutter_screenutil: ^5.5.3+2
+  flutter_screenutil: ^5.9.0
   get: ^4.6.5
   flutter_svg: ^2.0.7
   badges: ^3.1.2
@@ -48,7 +48,7 @@ dependencies:
   firebase_messaging: ^14.1.1
   firebase_core: ^2.3.0
   flutter_local_notifications: ^16.1.0
-  flutter_native_splash: ^2.2.0+1
+  flutter_native_splash: ^2.3.4
 
 dev_dependencies:
   flutter_test:
diff --git a/web/index.html b/web/index.html
index 34b4f8f..ce2a742 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,6 +1,4 @@
-<!DOCTYPE html>
-<html>
-<head>
+<!DOCTYPE html><html><head>
   <!--
     If you are serving your web app in a path other than the root, change the
     href value below to reflect the base path you are serving from.
@@ -28,16 +26,82 @@
 
   <title>elektronika</title>
   <link rel="manifest" href="manifest.json">
-  <script src="splash/splash.js"></script>
-  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
-  <link rel="stylesheet" type="text/css" href="splash/style.css">
+  
+  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
+  
+  <style id="splash-screen-style">
+    html {
+      height: 100%
+    }
+
+    body {
+      margin: 0;
+      min-height: 100%;
+      background-color: #ffffff;
+          background-size: 100% 100%;
+    }
+
+    .center {
+      margin: 0;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -ms-transform: translate(-50%, -50%);
+      transform: translate(-50%, -50%);
+    }
+
+    .contain {
+      display:block;
+      width:100%; height:100%;
+      object-fit: contain;
+    }
+
+    .stretch {
+      display:block;
+      width:100%; height:100%;
+    }
+
+    .cover {
+      display:block;
+      width:100%; height:100%;
+      object-fit: cover;
+    }
+
+    .bottom {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      -ms-transform: translate(-50%, 0);
+      transform: translate(-50%, 0);
+    }
+
+    .bottomLeft {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+    }
+
+    .bottomRight {
+      position: absolute;
+      bottom: 0;
+      right: 0;
+    }
+  </style>
+  <script id="splash-screen-script">
+    function removeSplashFromWeb() {
+      document.getElementById("splash")?.remove();
+      document.getElementById("splash-branding")?.remove();
+      document.body.style.background = "transparent";
+    }
+  </script>
 </head>
 <body>
   <picture id="splash">
-    <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)">
-    <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
-    <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt=""/>
+      <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)">
+      <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
+      <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt="">
   </picture>
+  
   <!-- This script installs service_worker.js to provide PWA functionality to
        application. For more information, see:
        https://developers.google.com/web/fundamentals/primers/service-workers -->
@@ -105,5 +169,5 @@
       loadMainDartJs();
     }
   </script>
-</body>
-</html>
\ No newline at end of file
+
+</body></html>
\ No newline at end of file
diff --git a/web/splash/img/dark-1x.png b/web/splash/img/dark-1x.png
index 806080a..8b8a75a 100644
Binary files a/web/splash/img/dark-1x.png and b/web/splash/img/dark-1x.png differ
diff --git a/web/splash/img/dark-2x.png b/web/splash/img/dark-2x.png
index 3871db9..e8ac126 100644
Binary files a/web/splash/img/dark-2x.png and b/web/splash/img/dark-2x.png differ
diff --git a/web/splash/img/dark-3x.png b/web/splash/img/dark-3x.png
index da67771..4c263aa 100644
Binary files a/web/splash/img/dark-3x.png and b/web/splash/img/dark-3x.png differ
diff --git a/web/splash/img/light-1x.png b/web/splash/img/light-1x.png
index 806080a..8b8a75a 100644
Binary files a/web/splash/img/light-1x.png and b/web/splash/img/light-1x.png differ
diff --git a/web/splash/img/light-2x.png b/web/splash/img/light-2x.png
index 3871db9..e8ac126 100644
Binary files a/web/splash/img/light-2x.png and b/web/splash/img/light-2x.png differ
diff --git a/web/splash/img/light-3x.png b/web/splash/img/light-3x.png
index da67771..4c263aa 100644
Binary files a/web/splash/img/light-3x.png and b/web/splash/img/light-3x.png differ