HUGE blank space beside image on content

So I’ve been building my own template on wordpress, not quite an easy task but recently I manage to get rid of the <p> tag from images in a paragraph whenever I was writing content. I have searched in google about this but it seems I’m one of those rare occasions. So on editor I can an image align to the left including the content which mean the image is some sort on indent in to the paragraph. Everything seems normal but once I publish it paragraph looks messed up.

Example: https://juicyzoneblog.host56.com/about/

I have inspected the element but I can’t figure out what is it making it behave like that..

Also I have problems with my navigation, I want each link to have an animation appear once you hover them but for some other reason that animation appears all over the navigation and not on each item or link individually.

It is suppose to behave like this: https://juicyzone.weebly.com/