Resizing QR code; layout changes

index.html

@@ -278,10 +278,10 @@
                 class="absolute right-0 top-0 h-40 w-40 rounded-bl-[8rem] bg-primary/5 sm:h-64 sm:w-64 sm:rounded-bl-[12rem]">
               </div>
               <div
-                class="signage-qr-card relative z-10 flex w-full max-w-sm flex-col items-center rounded-[1.75rem] border border-outline-variant/10 bg-surface-container-lowest p-8 editorial-shadow sm:rounded-[2.5rem] sm:p-10 lg:p-12">
+                class="signage-qr-card relative z-10 flex w-full max-w-sm flex-col items-center rounded-[1.75rem] border border-outline-variant/10 bg-surface-container-lowest p-8 editorial-shadow sm:rounded-[2.5rem] sm:p-6 lg:p-8">
                 <div class="mb-6 rounded-2xl border border-outline-variant/20 bg-white p-3 sm:mb-8 sm:p-4">
                   <img alt="Scan to book consultation"
-                    class="mx-auto aspect-square h-auto w-[min(12rem,28dvh,45vi)] max-w-[min(12rem,45vi)] sm:w-[min(12rem,32dvh,40vi)]"
+                    class="mx-auto aspect-square h-auto w-[160px]"
                     data-alt="High-resolution digital QR code centered on a clean white background with subtle burgundy border accents"
                     src="./assets/ref-mole-institute-qr-code.png">
                 </div>