Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 468 468"
>
    <path
        fill="#39484c"
        d="M381.806 320.44H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0h361.806c11.046 0 20 8.954 20 20v280.44c0 11.046-8.954 20-20 20z"
    />
    <path fill="#fff" d="M369.107 32.699v255.042H32.698V32.699z" />
    <path
        fill="#ffbf4d"
        d="M73.174 174.768h64.534v74.752H73.174zM168.636 174.768h64.534v74.752h-64.534z"
    />
    <path fill="#4646f9" d="M73.174 70.92h255.459v65.891H73.174z" />
    <path
        fill="#2f3b3d"
        d="M233.76 138.969v310.638c0 10.158 8.235 18.393 18.393 18.393h197.454c10.158 0 18.393-8.235 18.393-18.393V138.969c0-10.158-8.235-18.393-18.393-18.393H252.153c-10.158 0-18.393 8.235-18.393 18.393z"
    />
    <path fill="#fff" d="M263.002 156.341h175.755v275.895H263.002z" />
    <circle cx="350.88" cy="139.09" r="5.109" fill="#fff" />
    <path
        fill="#53d390"
        d="M294.679 189.039h112.402v42.795H294.679zM294.679 263.422h112.402v42.795H294.679z"
    />
    <path fill="#ffbf4d" d="M294.679 336.06h51.092v65.397h-51.092z" />
    <path
        fill="#ddd"
        d="M407.081 373.758h-37.244a5 5 0 1 1 0-10h37.244a5 5 0 1 1 0 10zM407.081 345.229h-37.244a5 5 0 1 1 0-10h37.244a5 5 0 1 1 0 10zM407.081 402.288h-37.244a5 5 0 1 1 0-10h37.244a5 5 0 1 1 0 10z"
    />
    <path
        fill="#526668"
        d="M102.384 249.328v202.323c0 9.029 7.32 16.349 16.349 16.349h132.038c9.03 0 16.349-7.32 16.349-16.349V249.328c0-9.029-7.32-16.349-16.349-16.349H118.734c-9.03-.001-16.35 7.319-16.35 16.349z"
    />
    <path fill="#fff" d="M127.53 261.59h114.445v177.799H127.53z" />
    <path
        fill="#d3d3d3"
        d="M152.054 374.692a5 5 0 0 1-5-5v-67.229a5 5 0 1 1 10 0v67.229a5 5 0 0 1-5 5zM152.054 403.516a5 5 0 0 1-5-5v-6.343a5 5 0 1 1 10 0v6.343a5 5 0 0 1-5 5z"
    />
    <path
        fill="#c2c2ff"
        d="m66.338 372.29 7.747 1.642-8.959 2.541a13.333 13.333 0 0 0-9.38 9.948l-1.661 7.511-1.661-7.511a13.333 13.333 0 0 0-9.38-9.948l-8.959-2.541 7.747-1.642a13.331 13.331 0 0 0 10.19-9.889l2.063-8.47 2.063 8.47a13.328 13.328 0 0 0 10.19 9.889z"
    />
    <path
        fill="#ff8a80"
        d="m453.558 60.68 7.747 1.642-8.959 2.541a13.333 13.333 0 0 0-9.38 9.948l-1.661 7.511-1.661-7.511a13.333 13.333 0 0 0-9.38-9.948l-8.959-2.541 7.747-1.642a13.331 13.331 0 0 0 10.19-9.889l2.063-8.47 2.063 8.47a13.333 13.333 0 0 0 10.19 9.889z"
    />
</svg>