Centering text with image filling the page width

Hallo everyone,
i’m creating a blog and while designing the blog post i want to make the text centered and the images in the post body to fill the page width, how can achieve this ?
currently the text is centered and the image fills the width but when resizing the text get crammed in the middle because i added a padding on both sides of the paragraphes in the blog post rich text.

one way i know to center everything is to give the blog post container a max width of 900 px with an auto margin somehow it is not working this way.

your help would mean a lot

the blog isn’t live yet.

PS : the website is in arabic

Here is my public share link: [[LINK][1]]