Responsive Website

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="7"
        x2="47"
        y1="27"
        y2="27"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3e6f5" />
        <stop offset="1" stop-color="#f0f7fc" />
    </linearGradient>
    <linearGradient id="b" x1="30" x2="53" y1="40" y2="40" href="#a" />
    <linearGradient
        id="c"
        x1="40"
        x2="58"
        y1="45"
        y2="45"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#54a5ff" />
        <stop offset="1" stop-color="#8ad3fe" />
    </linearGradient>
    <linearGradient id="d" x1="42" x2="56" y1="45" y2="45" href="#a" />
    <g>
        <path fill="#b4cde1" d="M47 9v6H7V9a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2z" />
        <path
            fill="url(#a)"
            d="M47 15v6H32a2 2 0 0 0-2 2v16H9a2 2 0 0 1-2-2V15z"
        />
        <path
            fill="#b4cde1"
            d="M53 23v4H30v-4a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2z"
        />
        <path
            fill="url(#b)"
            d="M53 27v6H43a2 2 0 0 0-2 2v18h-9a2 2 0 0 1-2-2V27z"
        />
        <path
            fill="url(#c)"
            d="M55 32H43a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V35a3 3 0 0 0-3-3zm1 23a1 1 0 0 1-1 1H43a1 1 0 0 1-1-1V35a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
        />
        <rect width="14" height="22" x="42" y="34" fill="url(#d)" rx="1" />
        <circle cx="12" cy="11" r="1" fill="#0668cb" />
        <circle cx="17" cy="11" r="1" fill="#54a5ff" />
        <circle cx="22" cy="11" r="1" fill="#f0f7fc" />
        <circle cx="34" cy="24" r="1" fill="#0668cb" />
        <circle cx="38" cy="24" r="1" fill="#54a5ff" />
        <circle cx="42" cy="24" r="1" fill="#f0f7fc" />
    </g>
</svg>