コードはこんな感じです<br>

<div class="wrap">
<a href="5ch.html">
<img src="img/5ch.jpg" width="400" height="400">
<h1>タイトル</h1>
</a>
</div>

.wrap :hover{
opacity: 0.9;
transition: 0.3s;
}

画像とタイトルが両方とも同時に透明になるようにしたいのですが、上手くいきません。
画像かタイトルの一方しか透明になりません。