Project feedback please! Issues with responsive image

Would really appreciate some feedback on this page as I am trying to get the main image responsive. I have tried two different methods; one works well on small screens but the image is not centre on desktops, the other is centre on desktops but goes loopy on the small screens.
If I could get some feedback on where I could improve on this I would really appreciate it, Thank you!!

Give your image

display: block;
width: 100%;
height: auto;

If you want to adjust the width of your img, give container of your image a set width.

Thanks for the feedback, in this example the container is the main container.
So, I will try and give the image its own container and hopefully it will work.