.qrcodeImage{
/*	filter: invert(1);*/
/*	opacity: 0.8;*/
}


@keyframes fadeInBackground {
  from {
    background-color: rgba(255, 255, 255, 0.3); /* Start from transparent */
  }
  to {
    background-color: rgba(255, 255, 255, 1); /* End with full white */
  }
}

.qrcode-image {
    animation: fadeInBackground 30s forwards; /* Use the animation */
    position: absolute;
    opacity: 0.9;
    transform: rotate(180deg);
    background-color: #FFFFFF88;
    border-radius: 4px;
    width: 360px;
    height: 360px;
}



.qr-code-image-container{
    position: relative;
    border-radius: 6px;
    background-color: #00000044;
    width: 360px;
    height: 360px;
}