.center-cropped  img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.center-cropped:hover img {
	opacity: .5;
}
.center-cropped > span {
    margin: 0 auto;
    padding-left: 8px;
    text-align: center;
    transform: translateY(50%);
}
div.center-cropped {
    border: 4px solid #ccc;
    border-radius: 90px;
    display: block;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 140px;
}
div.center-cropped img {
    background-size: cover;
    height: 100%;
    left: 50%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
}