Mobile Image Resizing

Site URL: https://www.plantbasedpitstop.co.uk/

Hey guys,

I know there are a few threads discussing this issue but after playing around im still having trouble.
Im trying to reduce the size of the stars on my mobile version, but Im struggling to centre it.

Code ive applied is below. Thanks in advance!

@mobile:          ~"only screen and (max-width: 640px)";
@media @mobile {
#block-yui_3_17_2_1_1595844642817_27900 {
 width: 50% ;

  float: center !important;

}

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1595844642817_26640 {
    width: 50%;
    margin: 0 auto;
}

Repeat similar for other images.

Find ID with this tool https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde