How to arrange Circles to make Trinity in SwiftUI

The desired outcome

Using

ZStack {
    Circle()
        .frame(width: width * 0.73, height: width * 0.2)
    
    Circle()
        .frame(width: width * 0.73, height: width * 0.2)
    
    Circle()
        .frame(width: width * 0.73, height: width * 0.2)
}

Don't care about details here, but the position of circles. Because if we offset two circles one by -10 and other by 10 in y axis, and move up the third circle in x axis by 10, it no longer perfectly centers.

Please help, what's the math in forming a perfect trinity using Circles?

The following code displays a trinity in a view.

struct ContentView: View {
    let radius = CGFloat(222)

    var body: some View {
        ZStack {
            Circle().stroke(lineWidth: 4)
                .offset(CGSize(width: -radius/4, height: radius/2))
            
            Circle().stroke(lineWidth: 4)
            
            Circle().stroke(lineWidth: 4)
                .offset(CGSize(width: radius/4, height: radius/2))
        }
         .frame(width: radius, height: radius)
    }
}

EDIT-1:

to highlight the important part, the .frame(width: radius, height: radius) of the ZStack

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Trinity")
            TrinityView(radius: CGFloat(123))
        }
        .frame(width: 333, height: 333)
    }
}

struct TrinityView: View {
    let radius: CGFloat
    
    var body: some View {
        ZStack {
            Circle().stroke(lineWidth: 4).offset(x: -radius/4, y: radius/2)
                .foregroundColor(.red)
            Circle().stroke(lineWidth: 4)
                .foregroundColor(.blue)
            Circle().stroke(lineWidth: 4).offset(x: radius/4, y: radius/2)
                .foregroundColor(.green)
        }.frame(width: radius, height: radius)
    }
}