How to make a hover effect on a link image with a description?

Question

css

Hello, I have a beginner question. Here is a piece of HTML code:

<div id="container">
        <div id="left"><a href="#"><img src="" alt=""><span class="texthover">Какой-то текст</span></a></div>
</div>

The div with id "left" contains a link containing an image and some text in a span tag.

It is necessary to make it so that when you hover over a link (that is, an image or text under it), for example, the color of the text in the span changes, and the image, for example, is darkened.

I tried like this:

#container > div > a:hover
{
    color: #3a3f5d;
    transition: 0.5s;
}

#container > div > a > img:hover
{
    opacity: 1;
}

The text changes color, but the picture does not change. Help me fix it please.

Answer 1

#container > div > a:hover > span {
    color: #3a3f5d;
    transition: 0.5s;
}

#container > div > a:hover > img {
    opacity: 1;
}