Vertically align Image within TextEditor

I am attempting to have my image and textEditor text to both be centered vertically within the TextEditor (similar to the textField below it. I tried GeometryReader to no avail, along with any alignment trick I could think of.

Any help would be great!

HStack {
                Image(systemName: "person.crop.rectangle")
                    .foregroundColor(Color("ButtonTwo"))
                   
                TextEditor(text: $userBio)
                    .foregroundColor(.gray)
                    .padding(.leading, 20)
            }

hope this will give you some ideas

HStack(spacing: 20) {
    Image(systemName: "person.crop.rectangle")
        .foregroundColor(.mint)
               
    TextEditor(text: $text)
        .foregroundColor(.gray)
        .frame(minHeight: 44)
        .fixedSize(horizontal: false, vertical: true)
}
.padding()
.border(Color.gray, width: 1)

this is what you get when having multiple lines in your text editor