Flutter UI How can I make this custom widget responsive?

I'm trying to make my CustomButtons responsive but all I keep failing the implementation of a responsive layout.

My result

Of course, I want it to look like the iOS stopwatch's buttons I'm using Flutter Web

I tried adding different width and height to the widget for different screen sizes with a ResponsiveLayout class but every time the app shows just the smallest one.

*The CustomButton widget is used inside of a Row that is inside of a column

//The widget class

GestureDetector(
      onTap: onTapAction,
      child: Container(
        height: 200,
        width: 200,
        child: Stack(
          alignment: Alignment.center,
          children: [
            Container(
              height: 100,
              width: 100,
              decoration: BoxDecoration(
                color: buttonColor,
                borderRadius: BorderRadius.circular(50.0),
              ),
            ),
            Container(
              child: Center(
                child: actionTitle,
              ),
              height: 93,
              width: 93,
              decoration: BoxDecoration(
                color: Colors.black,
                borderRadius: BorderRadius.circular(46.5),
              ),
            ),
            Container(
              child: Center(
                child: actionTitle,
              ),
              height: 90,
              width: 90,
              decoration: BoxDecoration(
                color: buttonColor,
                borderRadius: BorderRadius.circular(45),
              ),
            ),
          ],
        ),
      ),
    );