update

lib/pages/login_page.dart

@@ -79,6 +79,7 @@ class _LoginPageState extends State<LoginPage> {
     return Scaffold(
         resizeToAvoidBottomInset: false,
         body: PageBackgroundWidget(
+          page: 'login',
           child: Center(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.start,

lib/pages/register_page.dart

@@ -61,6 +61,7 @@ class _RegisterPageState extends State<RegisterPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       body: PageBackgroundWidget(
+          page: 'register',
           child: Center(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.start,

lib/widgets/page_background_widget.dart

@@ -2,30 +2,37 @@ import 'package:flutter/material.dart';
 
 class PageBackgroundWidget extends StatelessWidget {
   final Widget child;
+  final String? page;
 
-  const PageBackgroundWidget({super.key, required this.child});
+  const PageBackgroundWidget({super.key, required this.child, this.page});
 
   @override
   Widget build(BuildContext context) {
     return SingleChildScrollView(
       scrollDirection: Axis.vertical,
-      // physics: NeverScrollableScrollPhysics(),
       child: Container(
           alignment: Alignment.center,
           height: MediaQuery.of(context).size.height + 200,
-          decoration: const BoxDecoration(
+          decoration: BoxDecoration(
-            image: DecorationImage(image: AssetImage('assets/background2.webp'), fit: BoxFit.fitWidth, opacity: 0.2),
+            image: DecorationImage(
-            gradient: RadialGradient(
+              // Image.asset('assets/ph_logo2.webp',
+              //     width: 192, cacheWidth: (192 * MediaQuery.of(context).devicePixelRatio).round()),
+              image: AssetImage(page == 'login'
+                  ? 'assets/login_background.webp'
+                  : page == 'register'
+                      ? 'assets/register_background.webp'
+                      : 'assets/background.webp'),
+              // image: Image.asset('assets/login_background.webp', width: 192, cacheWidth: (192 * MediaQuery.of(context).devicePixelRatio).round()),
+              fit: BoxFit.fitWidth,
+              alignment: Alignment.topCenter,
+              opacity: 0.2,
+            ),
+            gradient: const RadialGradient(
               tileMode: TileMode.clamp,
               colors: [
-                // Color.fromRGBO(132, 84, 125, 1),
-                // Color.fromRGBO(96, 48, 90, 1),
                 Color.fromRGBO(45, 15, 43, 1),
                 Color.fromRGBO(77, 29, 73, 1),
-                // Color.fromRGBO(241, 220, 223, 1),
               ],
-              // begin: Alignment.topCenter,
-              // end: Alignment.bottomCenter,
             ),
           ),
           child: Center(

pubspec.yaml

@@ -34,4 +34,5 @@ flutter:
     - assets/ph_logo.webp
     - assets/ph_logo2.webp
     - assets/background.webp
-    - assets/background2.webp
+    - assets/login_background.webp
+    - assets/register_background.webp