.zzz-wengine-icon {
    position: relative;
    display: inline-block;
}

.zzz-wengine-icon__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.zzz-wengine-icon__rank {
    position: absolute;
    bottom: 4px;
    left: 4px;
}

.zzz-wengine-icon--sm {
    width: 48px;
}
.zzz-wengine-icon--sm .zzz-wengine-icon__rank {
    width: 16px;
    height: 16px;
    bottom: 2px;
    left: 2px;
}

.zzz-wengine-icon--md {
    width: 96px;
}
.zzz-wengine-icon--md .zzz-wengine-icon__rank {
    width: 24px;
    height: 24px;
    bottom: 2px;
    left: 2px;
}

.zzz-wengine-icon--lg {
    width: 200px;
}
.zzz-wengine-icon--lg .zzz-wengine-icon__rank {
    width: 48px;
    height: 48px;
    bottom: 4px;
    left: 4px;
}