Inline image overlaps paragraph text

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 900px;
}

This code itself is causing the issue. With the custom css code, the page looks likes as follows
https://prnt.sc/scjn55

Right, thank you. I want the text wider and the image left. Is there a way to do that?

Select full width template under Post Attributes of Post to make it full width and get result similar to https://prnt.sc/scjzq2

To locate Post Attribute, please check the screenshot below
https://prnt.sc/sck11z

Thank you again, but that had no effect.

I can see it perfect here. Time to do hard refresh on your pc , clear cache and check in incognito mode.

I see page as this https://prnt.sc/sckbnw

Fascinating. I cleared cache and tried in Chrome, Firefox and Edge. It didn’t change. On another PC, I tried Chrome and IE. It didn’t change.

Only on my iPhone and Android does it look right, but that’s probably because they’re narrow screens.

I don’t know yours shows up correctly.

WAIT … I found something. If you go to the individual post, it looks fine. If you go to the blog itself, it doesn’t.

https://www.terrainosaur.com/blog/2020/05/07/sample-overlapping-inline-image/
https://www.terrainosaur.com/blog

I still see this css active.

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 900px;
}

remove it.

Also make the blog page full width as well.

You got me … I know how to make posts full width but not the whole blog.

Perhaps this link will help you customize further
https://medium.com/@bharatkaravadra/how-to-customise-the-content-width-of-the-twenty-twenty-theme-491ce61c8061

That does the same thing. No change on the blog page. I already read that site and watched the video.