You need to add the margin snippet every time you align and image to right or left.
<img class=”alignright size-medium wp-image-2440″ style=”padding: 20px;” src=”https://website.com/wp-content/uploads/2022/08/plank-pest-spiders-problems-223×300.jpg” alt=”” width=”223″ height=”300″ />
or
<img class=”alignright size-medium wp-image-2440″ style=”margin-right: 10px;” src=”https://website.com/wp-content/uploads/2022/08/plank-pest-spiders-problems-223×300.jpg” alt=”” width=”223″ height=”300″ />
Mobile Image Alignment & Text Wrap Problems
This will center align images on smaller devices.
Add the following to the stylesheet for your child theme:
@media only screen and (max-width: 600px) {
figure.alignleft, img.alignleft, figure.alignright, img.alignright {
float:none;
display:block;
margin-left:auto;
margin-right:auto;
}
}