Atualização de gauge

lib/quiz/quiz_video_guide.dart

@@ -1,10 +1,8 @@
-import 'dart:math' as math;
-
 import 'package:flutter/material.dart';
-import 'package:lottie/lottie.dart';
 import 'package:youtube_player_flutter/youtube_player_flutter.dart';
 
 import '../widgets/entrance.dart';
+import '../widgets/liquid_waves_background.dart';
 import '../widgets/tap_bounce.dart';
 
 const Color _pink = Color(0xFFFF55A7);
@@ -118,35 +116,12 @@ class _QuizVideoGuideScreenState extends State<QuizVideoGuideScreen> {
 
   @override
   Widget build(BuildContext context) {
-    final size = MediaQuery.sizeOf(context);
     return Scaffold(
       body: Stack(
         clipBehavior: Clip.none,
         children: [
-          Positioned.fill(
-            child: Container(color: const Color(0xFFFAFAF7)),
-          ),
-          Positioned(
-            left: -size.width * 0.40,
-            bottom: -size.width * 0.45,
-            child: IgnorePointer(
-              child: SizedBox(
-                width: size.width * 1.05,
-                height: size.width * 1.05,
-                child: Transform.rotate(
-                  angle: 35 * math.pi / 180,
-                  child: Opacity(
-                    opacity: 0.95,
-                    child: Lottie.asset(
-                      'lottie/Liquid waves.json',
-                      fit: BoxFit.cover,
-                      repeat: true,
-                    ),
-                  ),
-                ),
-              ),
-            ),
-          ),
+          Positioned.fill(child: Container(color: const Color(0xFFFAFAF7))),
+          const LiquidWavesBackground(),
           SafeArea(
             child: Padding(
               padding: const EdgeInsets.fromLTRB(24, 4, 24, 24),