How to change the properties of a div when hover an image if image and div are siblings

Question

I am trying to change the properties of the div by hovering over the image. I even used + and ~ . But it still doesn't work.

<div>
        <img class="img" src="pictures/img.png">
    </div>
    <div class="text"></div>

 .text {
            height: 100px;
            width: 100px;
            background-color: blue;
        }


        .img {
            height: 200px;
            width: 200px;
        }

        .img:hover+.text {
            height: 200px;
            width: 200px;
        }