Center an image

[Leeloo]

I have a simple image of a heading on my home page placed using this code.

img {
display: block;
max-width: 40%;
}

It is currently justified to the left.  Can someone tell me the correct code to centre it. 

Thanks

[GTLOfficial]

Hello @Leeloo 
can you please provide the screen shot of your heading image.

[Leeloo]

Thanks so much!! That worked! I was having trouble attaching a screenshot!! 😝

[Leeloo]

Hey again.  That worked but it's become super tiny on the mobile view?  Anything I can do to fix it? Thank you!

[Leeloo]

The url is www.chantalhandley.com and it's the image that says 'Fine Art by Chantal Handley'. Looks great on the desktop view! 😄

Thank you!

[Leeloo]

Yep!!  👍 Thanks! Bought you a coffee! ☕😍

[GTLOfficial]

Hello @Leeloo 
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
#shopify-section-template--17303032529118__custom_liquid_qdtqTq img {
display: block;
max-width: 60%;
margin: 0 auto;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Leeloo]

Not sure it worked?

[Sangeetanahar]

hello @Leeloo 

Can you tell me exactly which image heading you are talking about? Please take a screenshot and tell me.

thanks