brooklyn theme featured collection image size

[MyMien]

site: www.mymien.ca 

Hello,

I have a featured collection on the home page with 3 items. The images for each item are zoomed in, cutting off the objects in the photos. Is there a way to change the scaling/zoom of the images?

Thank you,

Melisa 
www.MyMien.ca  

[paramSoft · Accepted solution]

Please place this code at the end of Assets -> theme.scss

.collection-grid__item-overlay {
background-size: contain;
}

[MyMien]

Thank you very much!

[paramSoft]

Thank you for update

[MyMien]

Would you happen to know, how I can add the variant colour image for this product so that it is visible on the main page rather than inside? Thanks!