Why doesn't dragging the bottom-right point affect my SwiftUI perspective transform?

I'm implementing a perspective transform effect in SwiftUI where I can drag four corner points to distort an image. The red (top-left), blue (top-right), and green (bottom-left) points work fine, but dragging the yellow (bottom-right) point has no effect on the distortion.

Below is my complete implementation:

SWIFTCopied
import SwiftUI

struct DraggableView: View {
    @State private var topLeft = CGPoint(x: 50, y: 50)
    @State private var topRight = CGPoint(x: 150, y: 50)
    @State private var bottomLeft = CGPoint(x: 50, y: 150)
    @State private var bottomRight = CGPoint(x: 150, y: 150)
    
    var body: some View {
        ZStack {
            
            Image("overlay")
                .resizable()
                .frame(width: 400, height: 400)
            
            Image("screenshot")
                .resizable()
                .frame(width: 400, height: 400)
                .modifier(PerspectiveModifier(
                    topLeft: topLeft,
                    topRight: topRight,
                    bottomLeft: bottomLeft,
                    bottomRight: bottomRight
                ))
            
            CornerPointsView(
                topLeft: $topLeft,
                topRight: $topRight,
                bottomLeft: $bottomLeft,
                bottomRight: $bottomRight
            )
        }
        .frame(width: 400, height: 400)
    }
}

struct CornerPointsView: View {
    @Binding var topLeft: CGPoint
    @Binding var topRight: CGPoint
    @Binding var bottomLeft: CGPoint
    @Binding var bottomRight: CGPoint
    
    var body: some View {
        ZStack {
            DraggablePoint(position: $topLeft, color: .red)
            DraggablePoint(position: $topRight, color: .blue)
            DraggablePoint(position: $bottomLeft, color: .green)
            DraggablePoint(position: $bottomRight, color: .yellow)
        }
    }
}

struct DraggablePoint: View {
    @Binding var position: CGPoint
    let color: Color
    
    var body: some View {
        Circle()
            .fill(color)
            .frame(width: 20, height: 20)
            .position(position)
            .gesture(
                DragGesture()
                    .onChanged { value in
                        position = value.location
                    }
            )
    }
}

struct PerspectiveModifier: GeometryEffect {
    var topLeft: CGPoint
    var topRight: CGPoint
    var bottomLeft: CGPoint
    var bottomRight: CGPoint
    
    var animatableData: AnimatablePair<CGPoint.AnimatableData, CGPoint.AnimatableData> {
        get {
            AnimatablePair(topLeft.animatableData, bottomRight.animatableData)
        }
        set {
            topLeft.animatableData = newValue.first
            bottomRight.animatableData = newValue.second
        }
    }
    
    func effectValue(size: CGSize) -> ProjectionTransform {
      //  let rect = CGRect(origin: .zero, size: size)
        let newRect = CGRect(x: topLeft.x, y: topLeft.y, width: topRight.x - topLeft.x, height: bottomLeft.y - topLeft.y)
        
        let transform = CGAffineTransform(
            a: (topRight.x - topLeft.x) / size.width,
            b: (topRight.y - topLeft.y) / size.height,
            c: (bottomLeft.x - topLeft.x) / size.width,
            d: (bottomLeft.y - topLeft.y) / size.height,
            tx: topLeft.x,
            ty: topLeft.y
        )
        
        return ProjectionTransform(transform)
    }
}

#Preview {
    DraggableView()
}

Expected behavior:

• Dragging the bottom-right yellow point should distort the image's perspective just like the other three points.

Actual behavior:

• Moving the yellow point (bottom-right) has no effect on the image transformation
• The other three points (red, blue, and green) work as expected

I noticed that in the PerspectiveModifier's effectValue function, I'm only using topLeft, topRight, and bottomLeft when computing the transform. Could this be why the bottom-right point isn't affecting the transform? What changes do I need to make so that the bottom-right point becomes functional in the perspective transform?