Problem with color

[Cortile]

Hi,

I would like my text to turn black when hovering over another text

But it doens't work on my website, text color and size don't change.
Here is a link about my page :
https://ateliercortile.com/accueil-2/

Here is my CSS :

.scenographie1:hover ~ .scenographie2 {
color: black!important;
font-size: 30px!important;
background: #ccc;
}

I tried to put !important but it doens't effect nothing.

However the background appair in grey as i want, why not the rest ?

Thank youu

[arminunruh]

i think ure using the wrong css selector

i think this one is correct:
https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator

when inspecting the html make sure u target the right .col , the html elements you target need to be siblings, meaning they need to be in the same parent element and next to each other