make resized images for mobile justify left or right

i used this code to make specific images smaller on mobile:

Quote

/* CSS FOR TABLET AND MOBILE */
@mobile: ~"only screen and (max-width: 640px)";
@tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)";

/* CSS FOR TABLET */
@media @tablet {
/* Insert Code for Tablet Below This Line*/

/* Insert Code for Tablet Above This Line */
}

/* CSS FOR MOBILE */
@media @mobile {
/* Insert Code for Mobile Below This Line*/
  

#blockidnumber { 
  width: 80% !important;
  margin: 0 auto;
}

/* Insert Code for Mobile Above This Line */
}

 

this works to make the images smaller, but they show up centered. can someone tell me how to left justify or right justify the images?

website www.be-with.org

thank you!

thanks! this worked, but the order was off,

ie left is margin: 0 auto 0 0;

appreciate it @Ziggy