How do I resize the product image in one of my collection section as the image is too huge and standardize the product image size across all collections 

So for example, for my shop all products page, I would want to categorize my products such as Shop AllCatagory 1 header (Example: Vitamins)Vitamin A, Vitamin B, Vitamin C....Catagory 2 header (Example: Herb)Herb A, Herb B, Herb C....Catagory 3 header...

My store is not live yet  

So for example, for my shop all products page, I would want to categorize my products such as Shop AllCatagory 1 header (Example: Vitamins)Vitamin A, Vitamin B, Vitamin C....Catagory 2 header (Example: Herb)Herb A, Herb B, Herb C....Catagory 3 header...

I am looking to categorize products on my shop all page as currently in my shop all page it displays all my products but I want to categorize to something similar to the image attached below in my product page 

I would like to add another button below this button

This does not work as currently i am using featured collection and not using my product grid

Sure, the link is https://vitassential.net/collections/shop-allPassword is vitassential2023

Product image for featured collection within main collection is different in size for mobile. As shown in the image below, product named folic acid is too big and i want it to be the same size as Vitamin C and the rest for mobile version