How to do a grain overlay effect - Brooklyn theme?

Store Design
, , ,
1

here’s my shop - https://circle6.shop/

here’s the effect im tryna achieve -https://burmamfg.com/collections/store

I want it to overlay my current shop - I have the css written and file which is :

.grain {
position: fixed;
height: 100%;
width: 100%;
pointer-events: none;
background: url(https://cdn.shopify.com/s/files/1/0564/7617/2332/files/GrainBackround.gif?v=1667804647);
opacity: 0;
z-index:99999999999999999999999999999999999999

maybe I need a js?

2

This is PageFly - Free Landing Page Builder.

You can add this code into the theme.css file, i corrected the code for you

.grain {
height: 100%;
width: 100%;
pointer-events: none;
background: url(https://cdn.shopify.com/s/files/1/0564/7617/2332/files/GrainBackround.gif?v=1667804647);
opacity: 0;
z-index:99999999999999999999999999999999999999
}

Hope this can help you solve the issue

Best regards,

PageFly