.qr-wrap {
    position: relative;
    width: var(--qr-size);
    height: var(--qr-size);
    margin: 8px;
}

.qr-code {
    display: block;
}

.qr-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: var(--qr-logo-size);
    height: var(--qr-logo-size);
    -o-object-fit: contain;
       object-fit: contain;
    pointer-events: none;
    background-color: #fff;
    padding: 8px;
}