Position of image changing with screen dimensions [urgent please]

Hey Guys!
Hope you’re all doing well during these crazy times.

I’m pretty new to this webflow webdesign editor & it’s been great so far.
However, i’ve encountered a problem with alligning images to one place in different screen dimensions. Whenever i allign it to the middle on my screen & change the dimensions to see how’d it look on another pc/monitor, it’s either on the left or right, not centre anymore. I tried adding div blocks on the right and left side but it still didn’t allign properly.

Can anyone please help me fix this problem?

Here are screenshots of what i mean, will include the read-only link aswell.

My screen:

Different Screen Dimensions:

Here is my site Read-Only: https://preview.webflow.com/preview/akeed-uniteds-website?utm_medium=preview_link&utm_source=designer&utm_content=akeed-uniteds-website&preview=913832ed6be6c997c4a295441b2db311&mode=preview

They look centered to me, assuming you got this fixed?

Yes i did, thanks for the response tho! my bad for not updating the question, some other stuff took up my time