Single page blog - image format for mobile only

Hi guys,

I have found that when I have images in my blogs, when the post is opened on a mobile phone, the alignment and wrapping is carrying over to the device and looks very bad. Can someone let me know if there is a simple css function that will override this to just centered images on mobile devices with no wrapping, regardless of the formatting I have for the post normally?

Example

Hello there,

To fix it, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (max-width:500px){
  
  img[class*="wp-image-"]{
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  
}

Regards,
Kharis

Thank you, that was exactly what I needed.