Can someone help me with some CSS?

Site URL: http://mikeyscriven.com

Hello, fellow squarespace users.

My name is Mike and I'm looking for some support with my squarespace website, I have done a lot of the CSS myself using previous forum posts I've found on here, and plugins from other sites, but theres one problem I'm having that I can't figure out myself, despite trying a LOT of times, or find anywhere mentioned on here.

Essentially, I have a custom GIF overlay for my headings on my portfolio pages, sadly, on my store page, my product title is also h1, and so it adds that GIF overlay too. I would ideally like to find someway of changing it from h1 to h2.

I think the code is h1.ProductItem-details-title (something or other), but I have absolutely no idea how to work around this?

Any ideas?
Please let me know, Michael.

Anyone able to help with this?

Hi,

It looks like you sent me a private message & I answered this.

If you haven't get the answered, follow this

Edit

h1 {
    background: url(https://media.giphy.com/media/0tWDVFcdRcf22jxjTx/giphy.gif) !important;
    background-size: cover !important;
    background-position: center !important;
    -webkit-background-clip: text !important;
    color: transparent !important
}

to

h1:not(.ProductItem-details-title) {
    background: url(https://media.giphy.com/media/0tWDVFcdRcf22jxjTx/giphy.gif) !important;
    background-size: cover !important;
    background-position: center !important;
    -webkit-background-clip: text !important;
    color: transparent !important
}