Hover effect on text under an image in CSS

Hover effect on text under an image in CSS

I can't apply a hover effect on the text under the image, or on the image
itself.
here's the code (CSS):
#photo {
float: left;
width: 10px;
margin-left: 35px;
text-align: justify;
}
.img-with-text {
text-align: justify;
width: 200px;
}
.img-with-text img{
display: block;
margin: 0 auto;
}
how can apply some hover effects?