Show description on image hover

HTML

<div class="section">
    <img src="https://docs.google.com/uc?id=1ecBMZRqXH2txMWK6gDb2vFGGxEMp44hy" />
    <div class="description">HELLO</div>
    <img src="https://docs.google.com/uc?id=1ecBMZRqXH2txMWK6gDb2vFGGxEMp44hy" />
    <div class="description">WORLD</div>
</div>

CSS

.description {
    opacity: 0;
}
img:hover + .description {
    opacity:1;
}