Change intensity of Image Effect: Film Grain on Mobile Only

Site URL: https://www.viewchurch.co

I have a few changes I would like to make to this section of my site for mobile view only.

1. I have the film grain effect added on a section background on this site. On desktop, it's great, but on mobile, I would like to decrease the intensity and size of the grain. 

2. For the same section ("Summer Essentials") I would like the graphic to not be cut off. Compare to desktop version for reference.

3. The green scrolling bars on top and bottom of the Summer Essentials graphic I would like to be made shorter (while keeping scrolling text vertically centered).

Any help is appreciated. Thank you!

Add to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="627324b83b74491634e84854"], [data-section-id="6273268a342195200b3748bb"] {
    min-height: unset !important;
    height: 5vh;
}
[data-section-id="62732420ec9ba80c5153127c"] .section-background-canvas.background-fx-canvas {
    display: none;
}
[data-section-id="62732420ec9ba80c5153127c"]  img {
    visibility: visible !important;
}
[data-section-id="62732420ec9ba80c5153127c"] {
    min-height: unset !important;
    height: 25vh;
}
}

7 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="627324b83b74491634e84854"], [data-section-id="6273268a342195200b3748bb"] {
    min-height: unset !important;
    height: 5vh;
}
[data-section-id="62732420ec9ba80c5153127c"] .section-background-canvas.background-fx-canvas {
    display: none;
}
[data-section-id="62732420ec9ba80c5153127c"]  img {
    visibility: visible !important;
}
[data-section-id="62732420ec9ba80c5153127c"] {
    min-height: unset !important;
    height: 25vh;
}
}

 

Thank you. However I want to reduce the intensity of the grain filter, not completely remove it. Can you help with that?

21 hours ago, beccatapert said:

Thank you. However I want to reduce the intensity of the grain filter, not completely remove it. Can you help with that?

Hi,

I Have no idea to solve this without remove filter on mobile