.al-qrcode-container {
position: relative;
text-align: center;
padding: 15px;
}
.al-qrcode-container .al-qr {
display: inline-block;
position: relative;
background-size: cover;
background-position: center center;
}
.al-qrcode-container .al-qr > img,
.al-qrcode-container .al-qr-frontend > img {
height: auto !important;
}
.al-qrcode-container .qr-logo {
position: absolute;
left: 50%;
top: 50%;
width: 23.8%;
height: 23.8%;
transform: translate(-50%, -50%) !important;
z-index: 1;
}
.al-qrcode-container .qr-logo img {
width: 100%;
}
.al-qrcode-container .qr-logo .qr-logo-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 5px;
font-weight: bold;
}