Descripción en una imagen o foto al pasar el ratón

<center><style type="text/css">
.img-side{
background: #E7E7E9;
color: #000000;
width: 305px;
height: 305px;
margin-top:-315px;
opacity: 0;
-webkit-transition:all .5s ease-in-out; }
.img-side:hover{
opacity:.7
}
</style>
<img src="https://1.bp.blogspot.com/-vZsEdPLtw_s/WNoqsxtctkI/AAAAAAAAAro/sUG0OucJUFI4rVhZ6930Rc9hgAPZeBCZwCLcB/s1600/yt_logo.png" width="300" />
<br />
<div class="img-side">
<br />
<center><FONT FACE="arial" SIZE=2 COLOR=#000000>AQUI LA DESCRIPCION QUE QUIERES QUE SALGA AL PONER EL RATON SOBRE LA IMAGEN</FONT></center></div></center>