For your situation you can add the following to your IMG tag to centre the image:
display: block; /* added by Mod */
Add this class to your CSS sheet and then to your IMG tag, this will make the browser automatically apply a margin to the left and right sides of the image, essentially centring it.
<img src="images/junk-removal-truck-2.jpg" class="center-img">
Hope this helps!
Edited by Moderator:
Because an image defaults to an inline-block level element, it needs to be converted to a block level element.
I for my part, I always have to try out these hints and so I want to send this addition referring to use Jaffa Cakes' (many thanks to you!) hint: <img src="images/junk-removal-truck-2.jpg" class="center-img"> I only had to click into the image an DW inserted the class by itself.
You already have your image inside a flex container called .big-image. To target that image, use the following CSS selector.
Also, you need to crop your image in Photoshop to remove excess white space on the right side.
Thanks, that answered the question