Removed sitewide animation from specific page

Site URL: https://www.misschaela.com/work

Hi, 

When scrolling on a portfolio page which has the Grid: Simple layout, I found that the contents weren't loading until having scrolled down quite a bit. My sitewide animation is set to slide.

I managed to find some code where I was able to remove the animation from the page however, I realised that on mobile devices this has effected the menu. The menu icon is now just a single line instead of two. I am in search for some help to fix this menu issue.

Code added:

body#collection-62be561888195b576821081f * {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

Any help would really be appreciated!

Try this new code

body#collection-62be561888195b576821081f *:not(.top-bun):not(.patty):not(.bottom-bun) {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}