#qr-placeholder {
    width: 250px; /* Increased size */
    height: 250px; /* Increased size */
    position: absolute;
    z-index: 1000; /* Ensure it stays on top */
    visibility: hidden; /* Initially hidden */
    transform: translate(-50%, -50%); /* Center anchor point horizontally and vertically */
    transition: top 0.3s ease, left 0.3s ease, transform 0.3s ease; /* Smooth transitions */
    object-fit: contain; /* Prevent distortion of the QR image */
    aspect-ratio: 1 / 1; /* Ensure square ratio for placeholder */
}