Quick fix for image/text-wrap issue on mobile

Creating content that looks great on every screen size can be a challenge at the best of times. Even basic formatting such as a image neatly align left or right with text snuggle wrapped can be problematic on mobile platforms. This quick code snippet added to your CSS (WordPress or otherwise), can correct on most screen sizes:

@media only screen and (max-width: 767px) {
    figure.alignleft, img.alignleft, figure.alignright, img.alignright {
        float:none;
    }
}

Credit: https://www.abrightclearweb.com/wordpress-image-alignment-text-wrap/