Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 468 468"
>
    <path fill="#fff" d="M75 12h381v382.46H75z" />
    <path
        fill="#56c7f4"
        d="M205.38 456H32c-11.046 0-20-8.954-20-20V184.899c0-11.046 8.954-20 20-20h173.38c11.046 0 20 8.954 20 20V436c0 11.046-8.954 20-20 20z"
    />
    <path
        fill="#45bfe5"
        d="M32 164.899c-11.046 0-20 8.954-20 20V436c0 11.046 8.954 20 20 20h10V164.899z"
    />
    <path
        fill="#fff"
        d="M149.816 207.226H87.564c-8.445 0-15.983-5.284-18.85-13.211l-10.527-29.116h121.006l-10.527 29.116c-2.867 7.928-10.405 13.211-18.85 13.211z"
    />
    <path
        fill="#e0e0e0"
        d="m98.714 194.015-10.527-29.116h-30l10.527 29.116c2.866 7.928 10.405 13.211 18.85 13.211h30c-8.445 0-15.983-5.283-18.85-13.211z"
    />
    <path
        fill="#4d4d4d"
        d="M205.38 152.899H32c-17.645 0-32 14.355-32 32V436c0 17.645 14.355 32 32 32h173.38c17.645 0 32-14.355 32-32V184.899c0-17.644-14.355-32-32-32zm-43.286 24-4.713 13.035c-1.145 3.165-4.184 5.292-7.564 5.292H87.564c-3.38 0-6.42-2.127-7.564-5.292l-4.713-13.035zM213.38 436c0 4.411-3.589 8-8 8H32c-4.411 0-8-3.589-8-8V184.899c0-4.411 3.589-8 8-8h17.766l7.664 21.196c4.57 12.639 16.68 21.131 30.134 21.131h62.252c13.455 0 25.565-8.492 30.135-21.132l7.664-21.195h17.766c4.411 0 8 3.589 8 8V436z"
    />
    <g fill="#4d4d4d">
        <path
            d="M127.868 283.091H67.869c-6.627 0-12-5.373-12-12s5.373-12 12-12h59.999c6.627 0 12 5.373 12 12s-5.372 12-12 12zM168.868 343.091H67.869c-6.627 0-12-5.373-12-12s5.373-12 12-12h100.999c6.627 0 12 5.373 12 12s-5.372 12-12 12zM127.868 403.091H67.869c-6.627 0-12-5.373-12-12s5.373-12 12-12h59.999c6.627 0 12 5.373 12 12s-5.372 12-12 12z"
        />
    </g>
    <path
        fill="#4d4d4d"
        d="M456 0H75c-6.627 0-12 5.373-12 12v106.898c0 6.627 5.373 12 12 12s12-5.373 12-12v-12.954h357V382.46H315.531c-6.627 0-12 5.373-12 12s5.373 12 12 12H456c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12zm-39.903 53.499c0 6.622-5.373 11.99-12 11.99s-12-5.368-12-11.99 5.373-11.99 12-11.99 12 5.368 12 11.99zm-40 0c0 6.622-5.373 11.99-12 11.99s-12-5.368-12-11.99 5.373-11.99 12-11.99 12 5.368 12 11.99zm-48.938 0c0 6.627-5.373 12-12 12H173.413c-6.627 0-12-5.373-12-12s5.373-12 12-12H315.16c6.626 0 11.999 5.373 11.999 12z"
    />
    <circle cx="273.094" cy="394.72" r="13" fill="#45bfe5" />
    <g fill="#fff">
        <circle cx="168.094" cy="271.72" r="13" />
        <circle cx="168.094" cy="391.72" r="13" />
    </g>
    <g fill="#4d4d4d">
        <path
            d="m402.877 176.273-30.086-26.551c-4.97-4.383-12.553-3.911-16.938 1.058-4.385 4.97-3.911 12.553 1.058 16.938l6.292 5.553H291.49c-6.627 0-12 5.373-12 12s5.373 12 12 12h71.339l-4.865 4.227c-5.003 4.347-5.535 11.926-1.188 16.929 4.361 5.019 11.947 5.521 16.929 1.188l29.103-25.285c5.424-4.5 5.459-13.516.069-18.057zM394.937 283.271h-71.714l6.292-5.553c4.969-4.385 5.442-11.968 1.057-16.938-4.385-4.969-11.968-5.444-16.938-1.057l-30.085 26.55c-5.39 4.541-5.356 13.557.07 18.056l29.103 25.285c11.579 10.386 27.654-8.075 15.74-18.117l-4.865-4.227h71.339c6.627 0 12-5.373 12-12s-5.373-11.999-11.999-11.999z"
        />
    </g>
</svg>