.medal figcaption {
	padding: 1rem 0;
}
.medal--locked figcaption {
	opacity: 0.3;
}
.medal--locked .medal__img:after,
.medal .medal__img img {
    position:absolute;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;

    display: block;
    width:100%;
    height: 100%;
}

.medal .medal__img {
    position: relative;
    padding-top: 100%;
}

.medal--locked .medal__img:after
{
    content: '';
    background-image: url('/assets/images/lock_round.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}