How to adjust the scale correctly in a Matrix4? - flutter

Question

I usually work with matrices and vectors, what I want to do is when I click on an element, zoom to it and it works, however I also want to change the scale, I want it a little closer, but when I change the value from 1.0 to 2.0 for example, it zooms but it moves to the other side of the controller and I don't know why.
I'm probably skipping a step to adjust the zoom but I can't find a way, any ideas?
CODE ZOOM
Future<void> _zoomToTheElement({
required double x,
required double y,
required MiniatureValues miniatureValues,
}) async {
final double itemHalfWidth = (80 / 2);
final double itemHalfHeight = (50 / 2);
/// Calculation of the position depending from the item and also
/// the half of the screen (Device.w(50))
///
/// x : [itemHalfWidth] means that is half the [width] of an element
/// y : [itemHalfHeight] means that is half the [height] of an element
/// y : [56] means that is the [AppBar]'s size
final double positionX = -(x) + (Device.w(50) - itemHalfWidth);
final double positionY = -(y) + (Device.h(50) - (56) - itemHalfHeight);
final Matrix4 _matrixEndPlan = Matrix4.compose(
vector.Vector3(positionX, positionY, 1),
vector.Quaternion.euler(0.0, 0.0, 0.0),
vector.Vector3(1.0, 1.0, 1.0),
)..scale(1.0); // here i want to write 2.0, but now does not respect the positionX and positionY
/// Animated
_matrixPlanAnimation = Matrix4Tween(
begin: planController.value,
end: _matrixEndPlan,
)
.chain(
CurveTween(
curve: Curves.easeInOutCirc,
),
)
.animate(_animationController);
}
IMAGE ZOOM WITH 1.0, but when i changed to 2.0 or to other scale, moves to another location
----- NEW EDIT WITH #pskink CODE -----
/// Calculation of the position depending from the item and also
/// the half of the screen (Device.w(50))
///
/// [56] means that is the [AppBar]'s size
final double positionX = -(x) + (Device.w(50));
final double positionY = -(y) + (Device.h(50) - (56));
final Matrix4 matrix1 = TransformEntry.fromOffsets(
translate: Offset(positionX, positionY),
scale: 1.0, // change this and goes to left side in the InteractiveViewer
rotation: 0,
anchor: Offset(itemHalfWidth, itemHalfHeight),
).matrix;
----- MY SOLUTION CODE -----
/// Calculation of the position depending from the item and also
/// the half of the screen (Device.w(50))
///
/// [itemHalfWidth] means that is half the [width] of an element
/// [itemHalfHeight] means that is half the [height] of an element
/// [56] means that is the [AppBar]'s size
const double scale = 1.0;
final double dx = (-x * scale) + (Device.w(50) - itemHalfWidth);
final double dy = (-y * scale) + (Device.h(50) - (56) - itemHalfHeight);