@media (max-width: 576px) {
    .mb-16.scroll-fade-in .text-center.w-full{
        margin-top: 60px;
    }
    
    .absolute.top-8.right-8.z-20 #loginText {
        /* right: unset;
        left: 50%;
        transform: translateX(-50);
        translate: -50% 0; */
        display: none;
    }
     .flex.items-center.gap-3.px-6.py-3.rounded-full.bg-white\/5.border.border-white\/10 {
        padding: 0.75rem 1rem;
            
    }
    h2.text-3xl.font-bold.flex.items-center.gap-4 {
        font-size: unset;
        .flex-1 {
            height: 46px;
        }
    }
    span#cameraStatusText {
        font-size: 11px;
    }
    .bg-black\/70.backdrop-blur-md.rounded-2xl.p-6.border.border-white\/20.shadow-2xl {
        padding: 4px 10px;
        margin-bottom: unset;
    }
    div#predictionText, div#confidenceText {
        font-size: 12px;
        line-height: unset;
    }
    .text-gray-400.text-sm.font-medium.mb-1 {
        font-size: 12px;
    }    
    .mt-2.w-32.h-2.bg-white\/10.rounded-full.overflow-hidden {
        margin-top: unset;
        width: 5rem;
    }
    .flex.items-center.justify-between.gap-4 .flex-1{
        height: 46px;
    }
    span.text-5xl.rotate-on-hover.inline-block {
        font-size: unset;
    }
}