Remove Image Roll Over

Site URL: http://tsacstudios.squarespace.com

Hi guys! Trying to remove the hover over my products on the site on this page: https://tsacstudios.squarespace.com/tsac-store

I’ve tried a few pieces of CSS and they don’t seem to change it!

any help would be much appreciated

thanks!

site PW: brineintopedro 

Add to Home > Design > Custom CSS

/* Remove image hover */
.ProductList-innerImageWrapper img:first-child {
    opacity: 1 !important;
}
.ProductList-innerImageWrapper img:last-child {
    opacity: 0 !important;
}