android – my shadow and blur shouldn’t be working accurately for some motive

My code and consequence

class WeatherScreen extends StatelessWidget {
  const WeatherScreen({Key? key}) : tremendous(key: key);

  @override
  Widget construct(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: const Textual content(
          'Climate App',
          model: TextStyle(fontWeight: FontWeight.daring),
        ),
        actions: [
          IconButton(onPressed: () {}, icon: const Icon(Icons.refresh))
        ],
      ),
      physique: Padding(
        padding: const EdgeInsets.all(16.0),
        baby: Column(
          kids: [
            //main card
            SizedBox(
              width: double.infinity,
              child: Card(
                elevation: 2,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(16),
                ),
                child: BackdropFilter(
                  filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
                  child: const Padding(
                    padding: EdgeInsets.all(16.0),
                    child: Column(
                      children: [
                        Text(
                          '20 °C',
                          style: TextStyle(
                              fontSize: 32, fontWeight: FontWeight.bold),
                        ),
                        SizedBox(
                          height: 16,
                        ),
                        Icon(
                          Icons.cloud,
                          size: 64,
                        ),
                        SizedBox(
                          height: 16,
                        ),
                        Text(
                          'Rain',
                          style: TextStyle(fontSize: 20),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
            ),
            SizedBox(
              top: 20,
            ),
            //climate playing cards
            Placeholder(
              fallbackHeight: 150,
            ),
            SizedBox(
              top: 20,
            ),
            //further data
            Placeholder(
              fallbackHeight: 150,
            ),
          ],
        ),
      ),
    );
  }
}

Within the writer’s video, every little thing appears to be like okay, I repeated all his actions, however for some motive it appears to be like like this