Woocommerce Images are left aligned?

Hey guys,

I am trying to get all of the Woocommerce images on my home page to align to the centre, instead of off to the left.
There are a million help forums on the internet telling me to add this code, but it does not work.
.woocommerce .cols-2 li.product a,
.woocommerce.columns-2 li.product a {
text-align: center;
margin: 0 auto;
display: block
}
I found a link on your forum and have tried adapting your CSS, but still no luck.
https://generatepress.com/forums/topic/woocommerce-center-product-name-related-products-product-image-size-shop-page/

For example;
.woocommerce .related ul.products li.product,
.woocommerce .sale-products ul.products li.product {
text-align: center;
}
.woocommerce .related ul.products li.product,
.woocommerce .best-selling-products ul.products li.product {
text-align: center;
}
.woocommerce .related ul.products li.product,
.woocommerce .featured-products ul.products li.product {
text-align: center;
}

Any ideas what I am doing wrong?

Thanks