Custom CSS is working just in edit mode

Hey!)
I have a problem with Custom CSS, I have added a code and it works perfectly just in edit mode.
Here is a code:
 

@media only screen and (min-width: 640px){
#block-yui_3_17_2_1_1691516078741_25095 {
opacity: 0;
 transition: opacity 0.5s
}

#block-yui_3_17_2_1_1691516078741_25095:hover {
opacity: 1;
transition: opacity 0.5s
}
}

Can someone help me please?

Hi,

Can you share link to page where you have these blocks? We can check easier

https://fuchsia-circle-s8mg.squarespace.com/config/pages

Yes, thank you!

On 9/15/2023 at 3:32 AM, Alla7 said:

https://fuchsia-circle-s8mg.squarespace.com/config/pages

Yes, thank you!

What is password?

Stalman

You need to add !important to override some SS code

@media only screen and (min-width: 640px) {
    #block-yui_3_17_2_1_1691516078741_25095 {
        opacity:0 !important;
        transition: opacity 1s;
    }

    #block-yui_3_17_2_1_1691516078741_25095:hover {
        opacity: 1 !important;
        transition: opacity 1s;
    }
}