javascript – Learn how to change emblem in cellular and desktop, docusaurus getting used

I need to change the brand in cellular view and maintain an even bigger emblem in desktop view.
fileName : docusaurus.config

themeConfig:
        /** @kind {import('@docusaurus/preset-classic').ThemeConfig} */
        ({
            navbar: {
                title: "",
                emblem: {
                    alt: "Documentation Brand",
                    srcDark:
                        "https://logolink1.png",
                },
                gadgets: [
                    {
                        to: "getting-started",
                        label: "Get Started",
                    },
                    {
                        to: "guides",
                        label: "Guides",
                    },
                    {
                        type: "custom-sidebarBottomMenu",
                    },
                    {
                        type: "custom-userAuthButtons",
                        position: "right",
                    },
                ],
            })

in one other file declaration is:

> export kind Navbar =  'main'; hideOnScroll: boolean; title?: string; gadgets: NavbarItem[]; emblem?: NavbarLogo;;

I’m on my early studying section, and I’m confused use Media question as No fashion sheet is there.
Can anybody please assist me with this, with respect to docusaurus module.