How to get this UI in flutter?

I have been trying to generate a sort of Podium in leaderboards page, the idea is that the number one on the LeaderBoaards will have a circleAvatar with a crown on top, the other two should be a little bit down the first. One on the left, the other on the right, both with a slightly smaller CircleAvatar.

I have done it in a Row. And this is what it looks like

But this is what I want it to look like.

(edited in Photoshop)

I don't want to hardcode any numbers, like sizes of Containers or anything of the sort. I have tried different options, with Align, Spacer, using Stack, but so far I always find some problem to get to the final result. I wonder what is the best approach here to what I want to accomplish. Is there maybe another Widget that I am not considering for this task?

I made the #2 and #3 places smaller by using Transform.scale on the CustomWidget.

PODIUM AVATAR WIDGET CODE.

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

class PodiumAvatar extends StatelessWidget {
  final String profileImage;
  final int rank;

  const PodiumAvatar(
      {required this.profileImage, required this.rank, super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
        height: 150,
        width: 110,
        child: Stack(children: [
          const Positioned(
            top: 25,
            child: CircleAvatar(
              backgroundColor: Colors.amber,
              radius: 55,
              child: CircleAvatar(
                foregroundImage: AssetImage(
                  'assets/images/profile_1.jpg',
                ),
                radius: 50,
              ),
            ),
          ),
          Positioned(
              left: 42,
              bottom: 10,
              child: CircleAvatar(
                backgroundColor: Colors.amberAccent,
                radius: 12,
                child: Text(rank.toString()),
              )),
          if (rank == 1)
            Positioned(
                left: 38,
                top: -3,
                child: SvgPicture.asset('assets/images/crown1.svg', height: 32))
        ]));
  }
}

PODIUM WIDGET (This is where I want to arrange the 3 items)

import 'package:flutter/material.dart';
import 'package:trivia_app/widgets/podium_avatar.dart';

class Podium extends StatelessWidget {
  final String profileImage;
  final int rank1;

  const Podium({required this.profileImage, required this.rank1, super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.lightBlue,
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.end, //add this line
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Transform.scale(
              scale: 0.65,
              child: PodiumAvatar(profileImage: profileImage, rank: rank1)),
          PodiumAvatar(profileImage: profileImage, rank: rank1),
          Transform.scale(
              scale: 0.65,
              child: PodiumAvatar(profileImage: profileImage, rank: rank1)),
        ],
      ),
    );
  }
}

I think this solves your problem a screenshot from dart pad is attached

Container(
    padding:EdgeInsets.only(top:15,bottom:5),
    color:Colors.redAccent,
    child:Row(
      crossAxisAlignment: CrossAxisAlignment.end, //add this line
      mainAxisAlignment: MainAxisAlignment.center,
      children: const [
        CircleAvatar(radius: 40,),
        SizedBox(width:30),
        Padding(
          padding:EdgeInsets.only(bottom:10),
        child: CircleAvatar(radius: 75,),
        ),
         SizedBox(width:30),
        CircleAvatar(radius: 40,),
      ],
    )
    )