Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <defs>
        <linearGradient
            id="a"
            x1="24.577"
            x2="532.994"
            y1="499.423"
            y2="-8.994"
            gradientUnits="userSpaceOnUse"
        >
            <stop offset="0" stop-color="#003f8a" />
            <stop offset=".518" stop-color="#00d7df" />
            <stop offset="1" stop-color="#006df0" />
        </linearGradient>
        <linearGradient
            id="b"
            x1="194.577"
            x2="702.994"
            y1="669.423"
            y2="161.006"
            href="#a"
        />
        <linearGradient
            id="c"
            x1="-49.423"
            x2="458.994"
            y1="425.423"
            y2="-82.994"
            href="#a"
        />
        <linearGradient
            id="d"
            x1="-89.269"
            x2="419.148"
            y1="385.576"
            y2="-122.84"
            href="#a"
        />
        <linearGradient
            id="e"
            x1="4.424"
            x2="512.84"
            y1="479.269"
            y2="-29.148"
            href="#a"
        />
        <linearGradient
            id="f"
            x1="-61.269"
            x2="447.148"
            y1="413.576"
            y2="-94.84"
            href="#a"
        />
        <linearGradient
            id="g"
            x1="12.424"
            x2="520.84"
            y1="487.269"
            y2="-21.148"
            href="#a"
        />
        <linearGradient
            id="h"
            x1="-33.269"
            x2="475.148"
            y1="441.576"
            y2="-66.84"
            href="#a"
        />
        <linearGradient
            id="i"
            x1="40.424"
            x2="548.84"
            y1="515.269"
            y2="6.852"
            href="#a"
        />
        <linearGradient
            id="j"
            x1="136.577"
            x2="644.994"
            y1="611.423"
            y2="103.006"
            href="#a"
        />
        <linearGradient
            id="k"
            x1="162.577"
            x2="670.994"
            y1="637.423"
            y2="129.006"
            href="#a"
        />
        <linearGradient
            id="l"
            x1="148.577"
            x2="656.994"
            y1="623.423"
            y2="115.006"
            href="#a"
        />
        <linearGradient
            id="m"
            x1="174.577"
            x2="682.994"
            y1="649.423"
            y2="141.006"
            href="#a"
        />
        <linearGradient
            id="n"
            x1="160.577"
            x2="668.994"
            y1="635.423"
            y2="127.006"
            href="#a"
        />
        <linearGradient
            id="o"
            x1="186.577"
            x2="694.994"
            y1="661.423"
            y2="153.006"
            href="#a"
        />
    </defs>
    <path
        fill="url(#a)"
        d="M476 240h-4V100a28.031 28.031 0 0 0-28-28H36a28.031 28.031 0 0 0-28 28v272a28.031 28.031 0 0 0 28 28h146.24l-4.8 24H136a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h208a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-41.6l-5.4-24h63v36a28.031 28.031 0 0 0 28 28h88a28.031 28.031 0 0 0 28-28V268a28.031 28.031 0 0 0-28-28ZM336 440v8H144v-8Zm-142.24-16 4.8-24h82.04l5.4 24ZM360 384H36a12.01 12.01 0 0 1-12-12v-12h336Zm0-116v76H24V100a12.01 12.01 0 0 1 12-12h408a12.01 12.01 0 0 1 12 12v140h-68a28.031 28.031 0 0 0-28 28Zm92.9-12-2.67 8h-36.46l-2.67-8ZM488 436a12.01 12.01 0 0 1-12 12h-88a12.01 12.01 0 0 1-12-12V268a12.01 12.01 0 0 1 12-12h6.23l6.18 18.53A8 8 0 0 0 408 280h48a8 8 0 0 0 7.59-5.47l6.18-18.53H476a12.01 12.01 0 0 1 12 12Z"
    />
    <path fill="url(#b)" d="M440 424h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16Z" />
    <path
        fill="url(#c)"
        d="M64 168h352a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H64a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8Zm8-48h336v32H72Z"
    />
    <path
        fill="url(#d)"
        d="M64 224h64a8 8 0 0 0 8-8v-31.385a8 8 0 0 0-8-8H64a8 8 0 0 0-8 8V216a8 8 0 0 0 8 8Zm8-31.385h48V208H72Z"
    />
    <path
        fill="url(#e)"
        d="M416 176H152a8 8 0 0 0-8 8v31.385a8 8 0 0 0 8 8h264a8 8 0 0 0 8-8V184a8 8 0 0 0-8-8Zm-8 31.385H160V192h248Z"
    />
    <path
        fill="url(#f)"
        d="M64 280h64a8 8 0 0 0 8-8v-31.385a8 8 0 0 0-8-8H64a8 8 0 0 0-8 8V272a8 8 0 0 0 8 8Zm8-31.385h48V264H72Z"
    />
    <path
        fill="url(#g)"
        d="M336 232H152a8 8 0 0 0-8 8v31.385a8 8 0 0 0 8 8h184a8 8 0 0 0 8-8V240a8 8 0 0 0-8-8Zm-8 31.385H160V248h168Z"
    />
    <path
        fill="url(#h)"
        d="M64 336h64a8 8 0 0 0 8-8v-31.385a8 8 0 0 0-8-8H64a8 8 0 0 0-8 8V328a8 8 0 0 0 8 8Zm8-31.385h48V320H72Z"
    />
    <path
        fill="url(#i)"
        d="M336 288H152a8 8 0 0 0-8 8v31.385a8 8 0 0 0 8 8h184a8 8 0 0 0 8-8V296a8 8 0 0 0-8-8Zm-8 31.385H160V304h168Z"
    />
    <path
        fill="url(#j)"
        d="M472 296h-80a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8Zm-8 24h-64v-8h64ZM400 344h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z"
    />
    <path fill="url(#k)" d="M472 344h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16Z" />
    <path fill="url(#l)" d="M400 368h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
    <path fill="url(#m)" d="M472 368h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16Z" />
    <path fill="url(#n)" d="M400 392h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
    <path fill="url(#o)" d="M472 392h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16Z" />
</svg>