Ckeditor does not include image alignment, what Im doing wrong?

[William_Maas]

I have an strapi/gatsby website and recently installed CKEditor.
Everything looks good but when try to center a picture in the custom field, it does not reflex its position in gatsby pages. It centered paragraphs, quotes, headings, etc., but it does not work with images.

This is how it looks the picture in the ckeditor:

and this is how finally looks in Gatsby page:

I choose HTML as output type for the custom field. And reviewing the code in Strapi API there are no reference to image position in the code:

<figure class=\"image\"><img style=\"aspect-ratio:241/281;\" src=\"https://xxx/xxx/4a5b88b02b.png\" alt=\"image.png\" width=\"241\" height=\"281\"></figure>

What Im doing wrong?

Thanks in advance.

–William

[William_Maas]

And this is the code in the gatsby page.

<div class="pb-6 text-xs sm:text-base text-[#646467]" dangerouslySetInnerHTML={{ __html: body.data.childMarkdownRemark.html }} />
                        </div>

Thanks

[Hadi_baalbaki]

any updated on this?

[Ulmetum_V]

Have you figured out how to do it?