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]]
https://preview.webflow.com/preview/ziads-stupendous-site-c56f52?utm_medium=preview_link&utm_source=designer&utm_content=ziads-stupendous-site-c56f52&preview=47ca0119bca3124eeb95c39f8e238c37&pageId=61d11e08cf52673d9865346d&itemId=61d12222bfd3d880ba975f87&workflow=preview

https://preview.webflow.com/preview/ziads-stupendous-site-c56f52?utm_medium=preview_link&utm_source=designer&utm_content=ziads-stupendous-site-c56f52&preview=47ca0119bca3124eeb95c39f8e238c37&pageId=61d11e08cf52673d9865346d&itemId=61d12222bfd3d880ba975f87&workflow=preview