How to stop products in Shop from fading in on Scroll? Have turned off site wide animations but it's still happening?

Site URL: https://littlebunchflorals.squarespace.com

I have a site I'm building and I'd like to stop the products in the shop from fading in when scrolling? The client wants no animations at all across the entire site. 

I have disabled animations Site-wide, but I'm finding the product pages in the shop still fade in? 
I have searched everywhere for an answer but I can only find how to add them, and not remove? 

Is there some code injection  or CSS I can do on the Shop page only? 

https://littlebunchflorals.squarespace.com/shop-all/flowers
password: jesleacreative

Any suggestions are welcomed! Thank you! 

Hey @jesleacreative try to use next ton in Custom CSS.
 

.products.collection-content-wrapper .grid-item {
    opacity: 1 !important;
    transform: translatey(0) !important;
}

THANK YOU! It worked!

I'm such a newbie with custom code so thats so handy to know. Thank you! 

On 11/10/2021 at 6:57 PM, jesleacreative said:

THANK YOU! It worked!

I'm such a newbie with custom code so thats so handy to know. Thank you! 

I see 2 arrows from mobile menu

You can add this CSS to remove right arrow

/* mobile menu 2 arrows */
.header-menu-nav-item-content span.chevron.chevron--right {
    visibility: hidden;
}

I got this to work great on desktop, but not mobile version

On 7/31/2024 at 7:06 PM, Bagera said:

I got this to work great on desktop, but not mobile version

Can you share your site url?