CSS-fragment: round thumbs with text-hover

.image, .image a img{
    width:200px!important;
    height:200px!important;
    border-radius:100px;
    position:relative;
    overflow:hidden;
    display:inline-block;
    cursor:pointer;
}
span.shadow{
    padding:0;
}
.credit{
    border-radius:100px;
    width:190px;
    height:190px;
    position:absolute;
    top:5px;left:5px;
    opacity:0;
    display:inline-block;
    background-color:rgba(100,100,100,0.8);

    background: linear-gradient(to bottom, rgba(236,178,156,0.5) 0%,rgba(118,35,2,1) 60%,rgba(190,109,77,1) 65%,rgba(236,178,156,0.5) 100%);

}
.credittext{
    width:190px;

    height:190px;
    border-radius:100px;
    display:table-cell;

    vertical-align:middle;
    text-align:center;
}
.image:hover .credit{
    opacity:1;
}