when using the custom renderer to show an image

customRender: {
'img': (renderContext, child, attributes, _) {
var imageUrl = attributes['h2'];
return Text('H2');
},
'img': (renderContext, child, attributes, _) {
var imageUrl = attributes['src'];
return Text('IMAGE');
},
},

this makes the image centered no matter what we try to do to it, if we instead replace it just for a text widget it seems its placed to the left with a large amount of padding regardless of what we try to do, eg: wrapping it in flex widgets like rows

https://drive.google.com/file/d/17PKWI4OT0rKoT7FrI-m2jEdwu60P52IP/view?usp=sharing