Css наведите курсор на div, и другой div изменит непрозрачность ⇐ CSS

[Anonymous]

Привет, я пытаюсь использовать CSS на своем сайте WordPress, чтобы изменить непрозрачность столбца div при наведении курсора на соседний столбец div.

Это CSS, который я использую, но он не работает. Я хочу навести курсор на ящик с собакой, и ящик с кошкой станет полупрозрачным.

.dog_box:hover .cat_box { непрозрачность: 0,5; } Это ссылка на мой сайт. Я не уверен, что я делаю неправильно. https://parapetcarestg.wpenginepowered.com/home2/